:root{--bg-chassis: #111210;--bg-recess: #181a17;--bg-card: #1b1d19;--bg-card-active: #222520;--border-hairline: rgba(242, 239, 233, .08);--border-strong: rgba(242, 239, 233, .16);--ink-primary: #f2efe9;--ink-secondary: #9d9a90;--ink-muted: #64625a;--accent-live: #ff5a26;--accent-ready: #2ce59b;--accent-paused: #f5b731;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;min-height:100dvh;background-color:var(--bg-chassis);color:var(--ink-primary);font-family:var(--font-sans);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% 0%,rgba(255,250,240,.035) 0%,transparent 65%),radial-gradient(90% 60% at 50% 100%,rgba(255,90,38,.03) 0%,transparent 70%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.instrument-shell{position:relative;z-index:2;max-width:500px;height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 22px max(26px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:18px}.instrument-header{display:flex;flex-direction:column;gap:14px}.header-top-row{display:flex;align-items:baseline;justify-content:space-between}.brand-group{display:flex;align-items:baseline;gap:10px}.brand-mark{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1;letter-spacing:-.01em;color:var(--ink-primary);margin:0}.status-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-secondary);padding:4px 9px;border-radius:999px;background:var(--bg-recess);border:1px solid var(--border-hairline)}.status-led{width:6px;height:6px;border-radius:50%;background:var(--ink-muted);transition:background-color .25s ease,box-shadow .25s ease}.status-led.ready{background:var(--accent-ready);box-shadow:0 0 8px #2ce59b8c}.status-led.listening{background:var(--accent-live);box-shadow:0 0 10px #ff5a26d9;animation:led-pulse 1.5s ease-in-out infinite}.status-led.paused{background:var(--accent-paused);box-shadow:0 0 8px #f5b73180}@keyframes led-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.88)}}.chrono-strip{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-hairline)}.chrono-item{display:flex;align-items:baseline;gap:8px}.chrono-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.chrono-value{font-family:var(--font-mono);font-size:.92rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.chrono-value.strong{color:var(--ink-primary)}.horizon-bar-track{height:10px;width:100%;border-radius:5px;background:var(--bg-recess);box-shadow:inset 0 1px 2px #000000a6;border:1px solid var(--border-hairline);overflow:hidden;display:flex;gap:2px;padding:1px}.horizon-segment{height:100%;border-radius:3px;transition:width .32s cubic-bezier(.22,1,.36,1),opacity .25s ease}.ledger-stage{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px 0;scrollbar-width:none}.ledger-stage::-webkit-scrollbar{display:none}.empty-acoustic-well{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:24px 16px}.acoustic-rings{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border-radius:50%;border:1px solid var(--border-hairline);transition:transform .16s ease-out,border-color .25s ease}.ring-1{width:36px;height:36px;border-color:var(--border-strong)}.ring-2{width:68px;height:68px}.ring-3{width:104px;height:104px}.ring-core{width:8px;height:8px;border-radius:50%;background:var(--ink-muted);transition:background-color .25s ease,transform .15s ease}.acoustic-rings.active .ring-core{background:var(--accent-live)}.acoustic-rings.active .ring-1{border-color:#ff5a2673;animation:ripple-breathe 2.2s ease-in-out infinite}.acoustic-rings.active .ring-2{border-color:#ff5a263d;animation:ripple-breathe 2.2s ease-in-out .35s infinite}.acoustic-rings.active .ring-3{border-color:#ff5a261f;animation:ripple-breathe 2.2s ease-in-out .7s infinite}@keyframes ripple-breathe{0%,to{transform:scale(.96);opacity:.7}50%{transform:scale(1.06);opacity:1}}.empty-title{font-family:var(--font-serif);font-size:1.55rem;font-weight:400;color:var(--ink-primary);margin:0}.empty-caption{font-size:.88rem;line-height:1.5;color:var(--ink-muted);max-width:260px;margin:0}.participant-card{position:relative;background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:14px;padding:14px 16px 13px;display:flex;flex-direction:column;gap:10px;transition:background-color .22s ease,border-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1);animation:card-enter .32s cubic-bezier(.22,1,.36,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.participant-card.speaking{background:var(--bg-card-active);border-color:var(--speaker-border, var(--border-strong));box-shadow:0 8px 24px -12px #000000a6}.participant-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.participant-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.speaker-pip{width:10px;height:10px;border-radius:3px;flex-shrink:0;background:var(--speaker-color);box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease,border-radius .2s ease}.participant-card.speaking .speaker-pip{box-shadow:0 0 12px var(--speaker-color)}.speaker-name-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:4px 9px 4px 7px;margin-left:-4px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.speaker-name-pill.is-unnamed{border-color:#f2efe91c;background:#ffffff06}.speaker-name-pill:hover,.speaker-name-pill:focus-visible{background:#ffffff0f;border-color:var(--border-strong);outline:none}.speaker-name-text{font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-to-name-cue{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);flex-shrink:0}.speaker-edit-icon{width:11px;height:11px;flex-shrink:0;color:var(--ink-muted)}.speaker-edit-icon.subtle{opacity:.55}.speaker-name-pill:hover .speaker-edit-icon.subtle{opacity:1;color:var(--ink-secondary)}.voice-matched-tag{font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ready);background:#2ce59b1a;border:1px solid rgba(44,229,155,.25);padding:1px 5px;border-radius:4px;flex-shrink:0}.speaker-edit-wrap{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.speaker-name-input{background:#00000059;border:1px solid var(--speaker-color, var(--border-strong));border-radius:7px;outline:none;padding:4px 8px;margin:0;font-family:var(--font-sans);font-size:.98rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-primary);width:100%;min-width:0}.speaker-name-input::placeholder{color:var(--ink-muted);font-weight:400}.speaker-suggestions{display:flex;flex-wrap:wrap;gap:5px}.speaker-suggestion-chip{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-secondary);background:var(--bg-recess);border:1px solid var(--border-strong);border-radius:999px;padding:2px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.speaker-suggestion-chip:hover{color:var(--ink-primary);border-color:var(--speaker-color, var(--ink-primary))}.voice-eq{display:inline-flex;align-items:flex-end;gap:2px;height:13px;flex-shrink:0}.voice-eq span{width:2.5px;border-radius:2px;background:var(--speaker-color);animation:eq-bounce .65s ease-in-out infinite alternate}.voice-eq span:nth-child(1){height:45%;animation-delay:0s}.voice-eq span:nth-child(2){height:100%;animation-delay:.14s}.voice-eq span:nth-child(3){height:65%;animation-delay:.28s}.voice-eq span:nth-child(4){height:85%;animation-delay:.08s}@keyframes eq-bounce{0%{transform:scaleY(.32)}to{transform:scaleY(1)}}.participant-metrics{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.speaker-share{font-family:var(--font-mono);font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.speaker-time{font-family:var(--font-mono);font-size:1.38rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink-primary)}.speaker-meter-track{width:100%;height:5px;border-radius:999px;background:#ffffff0e;overflow:hidden}.speaker-meter-fill{height:100%;border-radius:999px;background:var(--speaker-color);transition:width .24s cubic-bezier(.22,1,.36,1)}.actuator-deck{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:6px}.plunger-housing{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center}.plunger-halo-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.the-one-button{position:relative;width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 28%,#2c2f29,#191b18 78%);box-shadow:0 12px 26px #000000a6,0 2px 4px #00000080,inset 0 1px 1px #ffffff29,inset 0 -3px 6px #0000008c;color:var(--ink-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .2s ease,background .2s ease}.the-one-button:active{transform:scale(.945) translateY(1.5px);box-shadow:0 4px 12px #000000b3,inset 0 2px 5px #000000a6}.the-one-button:focus-visible{outline:2px solid var(--accent-live);outline-offset:5px}.the-one-button.is-listening{border-color:#ff5a267a;background:radial-gradient(circle at 50% 30%,#31231e,#1c1614 80%)}.button-glyph-dot{width:18px;height:18px;border-radius:50%;background:var(--accent-live);box-shadow:0 0 14px #ff5a26a6;transition:all .2s cubic-bezier(.22,1,.36,1)}.the-one-button.is-listening .button-glyph-dot{width:16px;height:16px;border-radius:4px;background:var(--ink-primary);box-shadow:none}.the-one-button.is-paused .button-glyph-dot{width:0;height:0;border-radius:2px;background:transparent;box-shadow:none;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--accent-ready);margin-left:3px}.button-sub-label{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-secondary)}.actuator-hint{min-height:18px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-muted);text-align:center;margin:0}.actuator-hint.error{color:var(--accent-live)}.landing-page{position:relative;z-index:2;max-width:1060px;margin:0 auto;padding:28px 24px 56px;display:flex;flex-direction:column;gap:56px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border-hairline)}.landing-brand-row{display:flex;align-items:center;gap:11px}.landing-logo-mark{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-strong)}.landing-wordmark{font-family:var(--font-serif);font-size:1.85rem;line-height:1;color:var(--ink-primary)}.landing-meta-pill{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;color:var(--ink-secondary);padding:5px 10px;border-radius:999px;background:var(--bg-recess);border:1px solid var(--border-hairline)}.landing-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.landing-pitch{display:flex;flex-direction:column;gap:26px}.landing-headline{font-family:var(--font-serif);font-size:clamp(2.65rem,5.4vw,4.1rem);font-weight:400;line-height:1.03;letter-spacing:-.015em;color:var(--ink-primary);margin:0}.landing-copy{display:flex;flex-direction:column;gap:14px;max-width:520px}.landing-copy p{margin:0;font-size:1.04rem;line-height:1.58;color:var(--ink-secondary)}.landing-copy p:first-child{color:var(--ink-primary)}.landing-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:4px}.cta-install-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;height:52px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:var(--ink-primary);color:#111210;font-family:var(--font-sans);font-size:.98rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 26px #00000080,inset 0 1px #fffc;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .16s ease}.cta-install-btn:hover{background:#fff;transform:translateY(-1px)}.cta-install-btn:active{transform:scale(.975)}.cta-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-live);box-shadow:0 0 10px #ff5a26a6}.cta-open-link{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-recess);color:var(--ink-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.cta-open-link:hover{border-color:#f2efe95c;background:var(--bg-card-active)}.install-guide-card{max-width:470px;padding:16px 18px;border-radius:14px;background:var(--bg-card);border:1px solid rgba(255,90,38,.38);display:flex;flex-direction:column;gap:10px;animation:card-enter .24s cubic-bezier(.22,1,.36,1) both}.install-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.install-guide-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-live)}.install-guide-close{background:transparent;border:none;color:var(--ink-secondary);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px}.install-guide-body,.install-guide-steps{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-primary)}.install-guide-steps{padding-left:18px;display:flex;flex-direction:column;gap:6px}.qr-dock{display:flex;align-items:center;gap:16px;padding:12px 14px;max-width:410px;border-radius:14px;background:var(--bg-recess);border:1px solid var(--border-hairline)}.qr-frame{width:68px;height:68px;padding:6px;border-radius:9px;background:#0d0e0c;border:1px solid var(--border-strong);flex-shrink:0}.qr-svg{width:100%;height:100%;display:block}.qr-text{display:flex;flex-direction:column;gap:4px}.qr-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;color:var(--accent-ready)}.qr-text p{margin:0;font-size:.83rem;line-height:1.42;color:var(--ink-secondary)}.landing-device-column{display:flex;justify-content:center}.device-mockup{width:100%;max-width:392px;border-radius:28px;padding:22px 20px 20px;background:linear-gradient(180deg,#161815,#111210);border:1px solid rgba(242,239,233,.14);box-shadow:0 28px 64px -16px #000000d9,inset 0 1px #ffffff14;display:flex;flex-direction:column;gap:18px}.mockup-header{display:flex;flex-direction:column;gap:12px}.mockup-cards{display:flex;flex-direction:column;gap:9px}.mockup-speaker-name{font-family:var(--font-sans);font-size:.96rem;font-weight:600;color:var(--ink-primary)}.mockup-footer{display:flex;justify-content:center;padding-top:8px}.mockup-plunger{width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,90,38,.45);background:radial-gradient(circle at 50% 30%,#31231e,#1c1614 80%);box-shadow:0 10px 22px #000000a6,0 0 0 6px #ff5a261f,inset 0 1px 1px #ffffff24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:transform .15s ease}.mockup-plunger:hover{transform:scale(1.03)}.mockup-stop-square{width:14px;height:14px;border-radius:3.5px;background:var(--ink-primary)}.landing-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spec-card{padding:20px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:8px}.spec-index{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;color:var(--ink-muted)}.spec-title{font-family:var(--font-serif);font-size:1.42rem;font-weight:400;margin:0;color:var(--ink-primary)}.spec-body{margin:0;font-size:.9rem;line-height:1.54;color:var(--ink-secondary)}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border-hairline);font-family:var(--font-mono);font-size:.74rem;color:var(--ink-muted)}.landing-author-link{color:var(--ink-secondary);text-decoration:none}.landing-author-link:hover{color:var(--ink-primary)}@media(max-width:860px){.landing-page{padding:20px 18px 42px;gap:40px}.landing-hero-grid{grid-template-columns:1fr;gap:34px}.qr-dock{display:none}.landing-specs-grid{grid-template-columns:1fr}.cta-install-btn,.cta-open-link{width:100%}}
