.dev-root{--accent: #9FB4FF;--amber: #F59E0B;--ink: #07080F;--txt: #F5F5F7;--txt-2: #A0A0A8;--txt-3: #5C5C64;--mtl-hi: #34343b;--mtl-mid: #1c1c20;--mtl-lo: #0c0c0f;--mtl-edge: rgba(255,255,255,.16);--mtl-edge-soft: rgba(255,255,255,.06);--font: "Roboto", system-ui, -apple-system, sans-serif;--mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;--sig: var(--txt-3);--sig-glow: rgba(160,160,168,0)}.dev-root.is-standby{--sig: #3a3a42;--sig-glow: rgba(160,160,168,0)}.dev-root.is-listening{--sig: var(--accent);--sig-glow: color-mix(in srgb, var(--accent) 75%, transparent)}.dev-root.is-call{--sig: var(--accent);--sig-glow: color-mix(in srgb, var(--accent) 95%, transparent)}.dev-root.is-muted{--sig: var(--amber);--sig-glow: color-mix(in srgb, var(--amber) 70%, transparent)}.dev-root.fin-graphite{--mtl-hi:#48484f;--mtl-mid:#2b2b30;--mtl-lo:#171719}.dev-root.fin-moonlight{--mtl-hi:#d8d9df;--mtl-mid:#a8aab2;--mtl-lo:#6f7178;--mtl-edge:rgba(255,255,255,.55);--mtl-edge-soft:rgba(0,0,0,.08)}.face{position:relative;background:radial-gradient(120% 90% at 30% 12%,var(--mtl-hi),transparent 55%),linear-gradient(152deg,var(--mtl-mid) 0%,var(--mtl-lo) 100%);overflow:hidden;font-family:var(--font);color:var(--txt);box-shadow:inset 0 0 0 1px var(--mtl-edge-soft),inset 0 1.5px 0 0 var(--mtl-edge),inset 0 -2px 8px #0000008c}.face:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.face>*{position:relative;z-index:1}.face-front{display:flex;align-items:center;justify-content:center}.wm{display:inline-flex;align-items:center;gap:.46em;font-weight:500;letter-spacing:-.03em;line-height:1;color:transparent;background:linear-gradient(180deg,#000,#16161a);-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 0 var(--mtl-edge-soft),0 -1px 0 rgba(0,0,0,.6);filter:drop-shadow(0 1px 0 rgba(255,255,255,.07))}.fin-moonlight .wm{background:linear-gradient(180deg,#5a5c63,#86888f);-webkit-background-clip:text;background-clip:text}.wm .wm-dot{width:.34em;height:.34em;border-radius:50%;background:var(--accent);box-shadow:0 0 .55em var(--sig-glow),inset 0 0 0 1px #ffffff40;flex-shrink:0}.face-front .etch-sub{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-family:var(--mono);font-size:.62em;letter-spacing:.42em;text-transform:uppercase;color:var(--txt-3);padding-left:.42em}.face-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11%}.pipe{display:flex;gap:.62em;align-items:center;padding:.58em .85em;border-radius:999px;background:linear-gradient(180deg,#0000008c,#0003);box-shadow:inset 0 1px 2px #000c,inset 0 -1px 0 var(--mtl-edge-soft),0 1px 0 var(--mtl-edge-soft)}.seg{width:.62em;height:.62em;border-radius:50%;background:var(--sig);box-shadow:0 0 .6em -.05em var(--sig-glow),inset 0 0 0 1px #ffffff1f;transition:background .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1)}.is-listening .seg{animation:segBreathe 1.9s ease-in-out infinite}.is-listening .seg:nth-child(2){animation-delay:.12s}.is-listening .seg:nth-child(3){animation-delay:.24s}.is-listening .seg:nth-child(4){animation-delay:.36s}.is-listening .seg:nth-child(5){animation-delay:.48s}@keyframes segBreathe{0%,to{opacity:.28;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.is-call .pipe{animation:pipeLive 2.4s ease-in-out infinite}@keyframes pipeLive{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.is-standby .seg{background:#2c2c33;box-shadow:inset 0 0 0 1px #ffffff0f}.is-standby .seg:first-child{background:#44444c}.btn-mute{position:relative;border-radius:50%;width:3.1em;height:3.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 40% 30%,var(--mtl-hi),var(--mtl-lo) 80%);box-shadow:inset 0 1px 0 var(--mtl-edge),inset 0 -2px 4px #0009,0 2px 5px #00000080;transition:transform .14s cubic-bezier(.16,1,.3,1)}.btn-mute:active{transform:translateY(1px) scale(.985)}.btn-mute:before{content:"";position:absolute;inset:-.42em;border-radius:50%;border:.16em solid var(--sig);box-shadow:0 0 1.1em -.1em var(--sig-glow),inset 0 0 .5em -.2em var(--sig-glow);transition:border-color .42s cubic-bezier(.16,1,.3,1),box-shadow .42s}.is-listening .btn-mute:before{animation:ringPulse 2.6s ease-in-out infinite}@keyframes ringPulse{0%,to{box-shadow:0 0 .7em -.2em var(--sig-glow)}50%{box-shadow:0 0 1.6em 0 var(--sig-glow)}}.is-standby .btn-mute:before{border-color:#3a3a42;box-shadow:none}.btn-mute .bglyph{width:42%;height:42%;color:var(--txt-2);transition:color .3s}.is-muted .btn-mute .bglyph{color:var(--amber)}.is-call .btn-mute .bglyph,.is-listening .btn-mute .bglyph{color:var(--accent)}.face-back .etch-meta{position:absolute;left:0;right:0;bottom:6.5%;display:flex;justify-content:center;gap:1.4em;font-family:var(--mono);font-size:.5em;letter-spacing:.16em;color:var(--txt-3);text-transform:uppercase}.usbc{position:relative;border-radius:999px;background:linear-gradient(180deg,#000,#101013);box-shadow:inset 0 1px 3px #000000e6,inset 0 0 0 1px #ffffff0d;display:flex;align-items:center;justify-content:center}.usbc:after{content:"";width:64%;height:30%;border-radius:999px;background:linear-gradient(180deg,#26262b,#141417);box-shadow:0 0 0 1px #0009}.bscene{perspective:2200px;perspective-origin:50% 42%;width:100%;height:100%;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.box{position:relative;transform-style:preserve-3d;animation:floaty 7s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(-8px)}50%{transform:translateY(10px)}}.card3d{position:relative;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-25deg);border-radius:20px}.card3d .face{position:relative;border-radius:20px;box-shadow:0 1px #ffffff1a inset}.card3d .thick{position:absolute;inset:0;border-radius:20px;z-index:-1;transform:translateZ(-22px);background:linear-gradient(150deg,var(--mtl-mid),var(--mtl-lo))}.edge-band{position:absolute;border-radius:3px;background:linear-gradient(90deg,var(--mtl-lo),var(--mtl-mid) 48%,var(--mtl-hi) 52%,var(--mtl-mid) 56%,var(--mtl-lo));box-shadow:inset 0 0 0 1px #0006}.edge-top{position:absolute;left:6%;right:6%;height:22px;top:-22px;transform:rotateX(90deg);transform-origin:bottom;background:linear-gradient(180deg,var(--mtl-hi),var(--mtl-mid) 55%,var(--mtl-lo));border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0006}.edge-right{position:absolute;top:5%;bottom:5%;width:22px;right:-22px;transform:rotateY(90deg);transform-origin:left;background:linear-gradient(180deg,var(--mtl-lo),var(--mtl-mid) 50%,var(--mtl-lo));border-radius:0 4px 4px 0;box-shadow:inset 0 0 0 1px #00000080}.edge-bottom{position:absolute;left:5%;right:5%;height:22px;bottom:-22px;transform:rotateX(-90deg);transform-origin:top;background:linear-gradient(180deg,var(--mtl-lo),#050506);border-radius:0 0 4px 4px;box-shadow:inset 0 0 0 1px #0009}.edge-top .usbc{width:13%;height:60%}.hero-glow{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:78%;height:78%;border-radius:50%;z-index:0;background:radial-gradient(circle,var(--sig-glow),transparent 62%);filter:blur(46px);opacity:.85;transition:background .6s ease;pointer-events:none}.hero-shadow{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:50%;height:36px;border-radius:50%;z-index:0;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(14px);animation:shadowBreathe 7s ease-in-out infinite}@keyframes shadowBreathe{0%,to{transform:translate(-50%) scaleX(.9);opacity:.5}50%{transform:translate(-50%) scaleX(1.05);opacity:.72}}.state-ctl{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:inline-flex;gap:3px;z-index:6;background:#141416c7;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px}.state-ctl button{border:none;background:none;cursor:pointer;color:var(--txt-2);font-family:var(--font);font-size:12.5px;font-weight:500;letter-spacing:-.01em;padding:7px 15px;border-radius:999px;line-height:1;white-space:nowrap;transition:color .24s,background .24s}.state-ctl button.on{color:var(--ink);background:var(--sig)}.state-ctl .hint{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:12px;white-space:nowrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}.studio{position:relative;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 8%,#161619,#0a0a0c 46%,#060608);overflow:hidden}.studio:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.studio-label{position:absolute;left:22px;top:20px;z-index:7;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-3)}.studio-label b{color:var(--txt-2);font-weight:500}.panel{position:relative;z-index:2;border-radius:18px;overflow:hidden;box-shadow:0 1px #ffffff1a inset,0 30px 60px #0000008c,0 0 0 1px #0009}.panel .face{width:100%;height:100%;border-radius:18px}.spec{position:relative;width:100%;height:100%;background:radial-gradient(130% 90% at 50% 0%,#131316,#08080a 70%);font-family:var(--font);color:var(--txt);overflow:hidden}.spec .grain{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E")}.spec-head{position:absolute;left:48px;top:40px;z-index:3}.spec-head .k{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.spec-head h3{font-weight:300;letter-spacing:-.03em;font-size:34px;margin:12px 0 0}.spec-head h3 b{font-weight:500}.spec-foot{position:absolute;left:48px;bottom:36px;right:48px;z-index:3;display:flex;gap:42px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.spec-foot .sp .v{font-size:21px;font-weight:400;letter-spacing:-.02em}.spec-foot .sp .v b{color:var(--accent);font-weight:500}.spec-foot .sp .l{font-size:12px;color:var(--txt-2);margin-top:5px}.callout{position:absolute;z-index:4;display:flex;align-items:center;gap:0}.callout .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0}.callout .lead{height:1px;background:linear-gradient(90deg,var(--accent),rgba(159,180,255,.25))}.callout .lead.rev{background:linear-gradient(270deg,var(--accent),rgba(159,180,255,.25))}.callout .txt{white-space:nowrap}.callout .txt .t{font-size:14px;font-weight:500;letter-spacing:-.01em}.callout .txt .d{font-size:12px;color:var(--txt-2);margin-top:3px;max-width:200px;white-space:normal;text-wrap:pretty;line-height:1.4}.dim{position:absolute;z-index:4;color:var(--txt-3);font-family:var(--mono);font-size:11px;letter-spacing:.06em}.dim .bar{position:relative;background:#ffffff2e}.dim .bar.h{height:1px}.dim .bar.v{width:1px}.dim .cap{position:absolute;background:#ffffff2e}html,body{margin:0;background:#f0eee9}#root{width:100vw;height:100vh}@media(prefers-reduced-motion:reduce){.box,.pipe,.is-listening .seg,.is-listening .btn-mute:before,.hero-shadow{animation:none!important;transition:none!important}}