@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-rounded-BB1KtWXJ.woff2) format("truetype")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" var(--fill,1)}:root{--orange:#ff6131;--ink:#121210;--acid:#d8ff4f;--paper:#f2efe7;--green:#62f49b;--blue:#42b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}.hardware-studio{min-height:100vh;font-family:Hind,Noto Sans SC,sans-serif;overflow:hidden;background:linear-gradient(90deg,rgba(18,18,16,.035) 1px,transparent 1px) 0 0/48px 48px,var(--paper)}.studio-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #bdb8ac;background:#f2efe7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.studio-logo{font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:4px}.studio-logo>span{display:inline-grid;place-items:center;width:52px;height:30px;background:var(--orange);color:#fff;border-radius:50%;transform:rotate(-6deg);font-size:15px;letter-spacing:0}.studio-logo i{margin-left:12px;padding-left:12px;border-left:1px solid #999;font-size:11px;letter-spacing:1.8px;font-style:normal;font-weight:600}.studio-meta{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px}.studio-meta span{width:8px;height:8px;border-radius:50%;background:#36c66e;overflow:hidden;text-indent:15px}.studio-meta b{font-weight:700}.studio-meta em{font-style:normal;color:#777;border-left:1px solid #aaa;padding-left:10px}.hero-stage{min-height:700px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,1.2fr) minmax(260px,.8fr);align-items:center;gap:3vw;padding:72px 5vw 64px;position:relative;background:radial-gradient(circle at 57% 48%,rgba(255,97,49,.18),transparent 34%),linear-gradient(145deg,#f5f2eb,#e8e4da)}.hero-stage:after{content:"POPTALE";position:absolute;left:-20px;bottom:-58px;font-size:190px;line-height:1;font-weight:700;letter-spacing:-12px;color:transparent;-webkit-text-stroke:1px rgba(18,18,16,.09);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy>p,.library-head p,.handoff>div>p{margin:0 0 24px;font-size:11px;font-weight:700;letter-spacing:2.2px}.hero-copy h1{font-size:clamp(46px,5vw,78px);line-height:.96;letter-spacing:-4px;margin:0;font-weight:700}.hero-copy h1 span{color:var(--orange)}.hero-stats{display:flex;gap:24px;margin-top:46px}.hero-stats>div{border-top:1px solid #9c978d;padding-top:10px;min-width:78px}.hero-stats b{display:block;font-size:28px;line-height:1}.hero-stats span{font-size:11px;color:#6a675f}.hero-device-wrap{display:grid;place-items:center;min-height:520px;position:relative;perspective:900px}.hero-device-wrap:before,.hero-device-wrap:after{content:"";position:absolute;border:1px solid rgba(18,18,16,.12);border-radius:50%;width:470px;height:470px}.hero-device-wrap:after{width:590px;height:260px;transform:rotate(-22deg)}.orbit-label{position:absolute;font:600 10px/1 monospace;letter-spacing:1.4px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:20px;z-index:3}.orbit-label.top{top:7%;right:11%}.orbit-label.bottom{bottom:5%;left:5%;background:var(--orange)}.device{width:380px;aspect-ratio:1;border-radius:31% 28% 30% 27%;background:linear-gradient(135deg,#ff845b,#ff5d2d 45%,#e84419);box-shadow:0 45px 70px #57270f47,inset 0 4px 6px #ffffff59,inset 0 -8px 16px #7c19003d;position:relative;padding:33px;transform:rotateX(4deg) rotateY(-5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:2}.device.flipped{transform:rotateX(4deg) rotateY(-5deg) rotate(180deg)}.device.flipped .screen-canvas{transform:rotate(180deg)}.device-screen{width:100%;height:100%;background:#020303;border-radius:25%;padding:12px;box-shadow:inset 0 0 0 2px #ffffff1f,0 4px 15px #360c0066;overflow:hidden}.screen-canvas{width:100%;height:100%;border-radius:21%;background:radial-gradient(circle at 50% 45%,#0a1110,#010202 66%);position:relative;overflow:hidden;color:#fff;transition:transform .55s ease}.screen-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 28%);pointer-events:none}.screen-status{position:absolute;z-index:5;left:12%;right:12%;top:7%;height:18px;display:flex;align-items:center;gap:7px}.signal{display:flex;align-items:end;gap:2px;height:10px}.signal i{width:3px;border-radius:2px;background:#d9eee6}.signal i:nth-child(1){height:3px}.signal i:nth-child(2){height:5px}.signal i:nth-child(3){height:7px}.signal i:nth-child(4){height:9px}.signal.offline i{background:#4b5551}.signal.none{visibility:hidden}.wifi-mini{width:13px;height:10px;position:relative;display:block}.wifi-mini.hidden{display:none}.wifi-mini b{position:absolute;left:50%;transform:translate(-50%);border:1.5px solid #d9eee6;border-color:#d9eee6 transparent transparent transparent;border-radius:50%}.wifi-mini b:nth-child(1){width:14px;height:14px;top:0}.wifi-mini b:nth-child(2){width:9px;height:9px;top:4px}.wifi-mini b:nth-child(3){width:3px;height:3px;top:8px;background:#d9eee6;border:0}.battery-mini{margin-left:auto;width:20px;height:10px;border:1px solid #bdebd0;border-radius:2px;padding:1px;position:relative}.battery-mini:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#bdebd0}.battery-mini>span{display:block;width:72%;height:100%;background:var(--green)}.battery-mini.is-low>span{width:18%;background:#ff514d}.battery-mini em{position:absolute;left:6px;top:-5px;font-style:normal;color:#fff;font-size:13px;text-shadow:0 0 5px #fff}.screen-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.face{position:relative;width:58%;height:45%;color:var(--green);filter:drop-shadow(0 0 12px rgba(82,255,152,.3))}.eye{position:absolute;top:23%;width:34%;height:36%;background:currentColor;border-radius:48% 48% 44% 44%;overflow:hidden;transition:.3s}.eye i{position:absolute;width:25%;height:30%;border-radius:50%;background:#05110a;right:24%;top:33%}.eye-l{left:5%}.eye-r{right:5%}.brow{position:absolute;top:4%;width:32%;height:7px;background:currentColor;border-radius:10px}.brow-l{left:6%}.brow-r{right:6%}.mouth{position:absolute;left:37%;bottom:4%;width:26%;height:22%;border:7px solid currentColor;border-top:0;border-left-color:transparent;border-right-color:transparent;border-radius:0 0 50% 50%}.mouth i{display:none}.face-happy .eye{height:18%;top:34%;border-radius:50% 50% 10% 10%}.face-happy .eye i{display:none}.face-happy .brow{transform:rotate(-5deg)}.face-happy .brow-r{transform:rotate(5deg)}.face-sad .brow-l{transform:rotate(-18deg)}.face-sad .brow-r{transform:rotate(18deg)}.face-sad .mouth{transform:rotate(180deg);bottom:-3%}.face-angry{color:#ff6848}.face-angry .brow-l{transform:rotate(20deg)}.face-angry .brow-r{transform:rotate(-20deg)}.face-angry .mouth{transform:rotate(180deg);height:13%;bottom:2%}.face-fear{color:#75d9ff}.face-fear .eye{height:44%;top:18%;border-radius:50%}.face-fear .mouth{width:17%;height:24%;left:41.5%;border:5px solid currentColor;border-radius:50%;bottom:0}.sweat{position:absolute;width:8px;height:16px;border-radius:80% 20% 60% 40%;background:currentColor}.s1{left:-4%;top:26%}.s2{right:-5%;top:48%}.face-surprise{color:#d8ff4f}.face-surprise .eye{height:40%;border-radius:50%}.face-surprise .mouth{width:18%;height:22%;left:41%;border:6px solid currentColor;border-radius:50%;bottom:0}.face-disgust{color:#b8db58}.face-disgust .brow-l{transform:rotate(-12deg)}.face-disgust .brow-r{transform:rotate(12deg)}.face-disgust .eye-r{height:22%;top:36%}.face-disgust .mouth{width:29%;left:36%;transform:rotate(10deg);height:12%}.face-yawn .eye{height:9%;top:39%;border-radius:10px}.face-yawn .eye i{display:none}.face-yawn .mouth{width:24%;height:29%;left:38%;border:6px solid currentColor;border-radius:50%;bottom:-4%}.face-sleep{color:#6ebcaa}.face-sleep .eye{height:7%;top:40%;border-radius:10px;transform:rotate(6deg)}.face-sleep .eye-r{transform:rotate(-6deg)}.face-sleep .eye i,.face-sleep .brow{display:none}.face-sleep .mouth{width:18%;left:41%;height:8%;border-width:4px}.zzz{position:absolute;right:-18%;top:-4%;font:700 21px/1.1 monospace;color:#9effcd;animation:float 2s infinite ease-in-out}.device-speaker{position:absolute;left:8%;bottom:4%;display:grid;grid-template-columns:repeat(6,3px);gap:4px;opacity:.45}.device-speaker i{width:3px;height:3px;background:#721c04;border-radius:50%}.device-knob{position:absolute;right:-3%;top:45%;width:21px;height:55px;border-radius:7px;background:linear-gradient(90deg,#bf3512,#ff7346);box-shadow:inset -3px 0 #ffffff26}.device-slot{position:absolute;left:36%;top:-3px;width:28%;height:7px;background:#852107;border-radius:0 0 8px 8px;opacity:.6}.brand-mark{display:grid;place-items:center;gap:14px;animation:brand-in 1.8s both}.brand-mark img{width:65%;filter:brightness(0) invert(1)}.brand-mark span{font-size:9px;letter-spacing:2px;color:#8eeab7;text-transform:uppercase}.brand-mark.shutdown{animation:brand-out 3s infinite}.battery-large{display:grid;place-items:center;position:relative;color:var(--battery);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--battery) 40%,transparent))}.battery-body{width:112px;height:58px;border:7px solid currentColor;border-radius:11px;padding:5px;position:relative}.battery-body:after{content:"";position:absolute;right:-14px;top:14px;width:8px;height:20px;border-radius:0 5px 5px 0;background:currentColor}.battery-body i{display:block;width:var(--level);height:100%;background:currentColor;border-radius:3px;animation:charge-fill 2s ease-in-out infinite alternate}.battery-large>b{position:absolute;color:#fff;font-size:46px;line-height:1;top:13px;text-shadow:0 0 10px white}.battery-large strong{margin-top:11px;font:700 20px monospace;color:#fff}.battery-large.ambient{animation:pulse 3s infinite}.wifi-large{position:relative;width:150px;height:120px;color:#eef8f3}.wifi-large i{position:absolute;left:50%;transform:translate(-50%);border:12px solid currentColor;border-color:currentColor transparent transparent transparent;border-radius:50%}.wifi-large i:nth-child(1){width:150px;height:150px;top:0}.wifi-large i:nth-child(2){width:105px;height:105px;top:37px}.wifi-large i:nth-child(3){width:58px;height:58px;top:73px}.wifi-large b{position:absolute;width:20px;height:20px;border-radius:50%;background:currentColor;left:65px;bottom:0}.wifi-large.loading{animation:pulse 1.1s infinite}.wifi-large.failed{color:#ff8b3e}.wifi-large.failed>span{position:absolute;left:69px;top:-3px;width:13px;height:143px;background:currentColor;border-radius:10px;transform:rotate(-43deg);box-shadow:0 0 12px #ff613159}.offline-large{position:relative}.offline-large .wifi-large{transform:scale(.78)}.offline-large>strong{position:absolute;right:4px;bottom:0;background:#ff8b3e;color:#111;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 26px monospace;border:5px solid #020303}.qr-wrap{display:grid;place-items:center;gap:9px}.qr{display:grid;grid-template-columns:repeat(21,5px);grid-template-rows:repeat(21,5px);gap:1px;background:#fff;padding:11px;border-radius:5px}.qr i{background:#fff}.qr i.on{background:#050807}.qr-wrap span{font:700 9px monospace;letter-spacing:3px;color:#b7c2bd}.pair-code{font:700 64px/1 monospace;letter-spacing:10px;text-shadow:0 0 16px rgba(255,255,255,.28)}.pair-code span{display:block;text-align:center;font-size:8px;letter-spacing:4px;margin-top:18px;color:#9cadb1}.control-bars{position:absolute;top:28%;bottom:21%;display:flex;flex-direction:column-reverse;gap:4px}.control-bars.left{left:8%}.control-bars.right{right:8%}.control-bars i{width:14px;height:7px;border-radius:2px;background:#25342e}.control-bars i.on{background:var(--blue);box-shadow:0 0 7px #42b8ff8c}.control-bars.brightness i.on{background:var(--acid);box-shadow:0 0 8px #d8ff4f99}.visual-control .face{transform:scale(.8)}.mic{width:86px;height:120px;position:relative}.mic>i{position:absolute;z-index:4;left:28px;top:20px;width:30px;height:54px;border-radius:20px;background:var(--blue);box-shadow:0 0 15px #42b8ffa6}.mic:after{content:"";position:absolute;left:37px;top:70px;width:12px;height:27px;border-radius:0 0 8px 8px;background:var(--blue)}.mic b{position:absolute;left:50%;top:50%;width:70px;height:70px;border:2px solid var(--blue);border-radius:50%;transform:translate(-50%,-50%);animation:mic-wave 2s infinite}.mic b:nth-of-type(2){animation-delay:.55s}.mic b:nth-of-type(3){animation-delay:1.1s}.thinking{display:grid;place-items:center;width:100%;height:100%}.thinking>.face{transform:scale(.85)}.thinking>span{position:absolute;bottom:15%;display:flex;gap:6px}.thinking>span i,.card-loading>span i{width:7px;height:7px;border-radius:50%;background:var(--acid);animation:dot 1.2s infinite}.thinking>span i:nth-child(2),.card-loading>span i:nth-child(2){animation-delay:.2s}.thinking>span i:nth-child(3),.card-loading>span i:nth-child(3){animation-delay:.4s}.card-loading{display:grid;place-items:center;gap:22px}.card-loading>div{width:88px;height:104px;border:4px solid #baffd6;border-radius:11px;position:relative;transform:rotate(-4deg);box-shadow:0 0 12px #62f49b40}.card-loading>div i{position:absolute;width:42px;height:42px;border-radius:50%;background:#ff7548;left:19px;top:15px}.card-loading>div b{position:absolute;left:17px;right:17px;bottom:14px;height:8px;border-radius:5px;background:#8bbfa0}.card-loading>span{display:flex;gap:7px}.unknown{width:130px;height:130px;border:14px solid #ff8b3e;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 15px #ff613152}.unknown>span{font-size:42px;color:#ff8b3e}.unknown i{position:absolute;left:51px;top:-12px;width:15px;height:130px;background:#ff8b3e;transform:rotate(45deg);border-radius:10px}.track-ui{position:relative;width:100%;height:100%;display:grid;place-items:center}.track-art{width:102px;height:102px;border-radius:26%;background:linear-gradient(145deg,#ffe27a,#ff7552);position:relative;box-shadow:0 0 20px #ff755240}.track-art i{position:absolute;width:34px;height:34px;border:5px solid #10100e;border-radius:50%;left:21px;top:44px}.track-art i:nth-child(2){left:56px;top:24px}.track-art b{position:absolute;left:51px;top:22px;width:10px;height:48px;background:#10100e;transform:rotate(-8deg)}.track-arrow{position:absolute;left:50%;transform:translate(-50%);font:700 36px monospace;color:#d8ff4f;text-shadow:0 0 8px rgba(216,255,79,.5)}.track-arrow.up{top:18%}.track-arrow.down{bottom:20%}.track-ui>strong{position:absolute;top:63%;font:700 18px monospace}.track-ui>strong span{font-size:11px;color:#8c9b95}.waveform{position:absolute;bottom:8%;left:20%;right:20%;height:22px;display:flex;align-items:center;justify-content:center;gap:4px}.waveform i{width:4px;height:var(--h);border-radius:4px;background:var(--green);animation:wave .8s var(--d) infinite alternate}.blackout-hint{opacity:.15;font:700 9px monospace;letter-spacing:4px}.inspector{align-self:center;border-left:1px solid #a9a49a;padding-left:28px;position:relative;z-index:2}.inspector-kicker{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}.inspector h2{font-size:34px;line-height:1;margin:13px 0 8px;letter-spacing:-1.5px}.inspector code{font-size:11px;background:#1c1c19;color:#fff;padding:5px 8px;border-radius:3px}.inspector p{font-size:14px;line-height:1.5;color:#66625a;max-width:250px;margin:18px 0 28px}.inspector label{display:block;font-size:11px;letter-spacing:1px;margin-bottom:22px}.inspector label b{float:right}.inspector input{display:block;width:100%;accent-color:var(--orange);margin-top:10px}.inspector button{border:1px solid #a39d91;background:transparent;padding:11px 14px;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:4px;font-size:12px}.inspector button i{width:10px;height:10px;border:2px solid #777;border-radius:50%}.inspector button.active{background:var(--ink);color:#fff}.inspector button.active i{border-color:var(--acid);background:var(--acid)}.spec-strip{display:flex;gap:5px;margin-top:28px}.spec-strip span{font:600 9px monospace;padding:4px 6px;border:1px solid #aaa;border-radius:2px;color:#555}.library{padding:90px 4vw 110px;background:#171715;color:#f1eee5;position:relative}.library:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 0%,rgba(255,97,49,.13),transparent 30%);pointer-events:none}.library-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;position:relative}.library-head p{color:#999;margin-bottom:10px}.library-head h2{font-size:48px;line-height:1;margin:0;letter-spacing:-2px}.library-head nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:700px}.library-head button{border:1px solid #44443f;background:transparent;color:#aaa;padding:8px 11px;border-radius:2px;cursor:pointer;font-size:11px}.library-head button b{color:#62625c;margin-left:5px}.library-head button.active{background:var(--acid);color:#141412;border-color:var(--acid)}.library-head button.active b{color:#55651c}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:#3a3a35;border:1px solid #3a3a35;position:relative}.state-card{min-height:360px;background:#20201e;color:#eee;border:0;padding:23px 18px 20px;position:relative;cursor:pointer;text-align:left;overflow:hidden;animation:card-in .5s var(--delay) both;transition:background .25s}.state-card:hover,.state-card.selected{background:#292925}.state-card.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--orange);pointer-events:none;z-index:8}.card-index{position:absolute;right:15px;top:12px;font:500 10px monospace;color:#666}.device.compact{width:175px;height:175px;padding:16px;margin:5px auto 23px;border-radius:30%;box-shadow:0 18px 30px #00000059,inset 0 2px 3px #ffffff47;transform:none}.device.compact .device-screen{padding:5px}.device.compact .screen-status{transform:scale(.55);transform-origin:top left;right:-40%}.device.compact .face{transform:scale(.78)}.device.compact .visual-control .face{transform:scale(.62)}.device.compact .battery-large,.device.compact .wifi-large,.device.compact .offline-large,.device.compact .mic,.device.compact .unknown,.device.compact .track-ui{transform:scale(.57)}.device.compact .brand-mark img{width:72%}.device.compact .brand-mark span{font-size:5px}.device.compact .pair-code{font-size:29px;letter-spacing:4px}.device.compact .pair-code span{font-size:4px;margin-top:8px}.device.compact .qr{grid-template-columns:repeat(21,2px);grid-template-rows:repeat(21,2px);gap:.5px;padding:5px}.device.compact .qr-wrap span{font-size:4px}.device.compact .control-bars{gap:2px}.device.compact .control-bars i{width:7px;height:3px}.device.compact .thinking>span{bottom:13%}.device.compact .card-loading{transform:scale(.55)}.device.compact .device-knob{width:10px;height:26px}.device.compact .device-speaker,.device.compact .device-slot{display:none}.card-copy>span{font:600 9px monospace;letter-spacing:.5px;color:#ff8965}.card-copy strong{display:block;font-size:18px;margin:6px 0 2px}.card-copy p{font-size:11px;line-height:1.4;color:#86867f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handoff{padding:100px 5vw;background:var(--orange);display:grid;grid-template-columns:.9fr 1.4fr .8fr;gap:5vw;align-items:start}.handoff h2{font-size:48px;line-height:1.02;letter-spacing:-2.5px;margin:0}.handoff-flow{border-top:1px solid rgba(18,18,16,.45)}.handoff-flow>div{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;border-bottom:1px solid rgba(18,18,16,.45);height:54px}.handoff-flow b{font:600 10px monospace}.handoff-flow span{font-weight:600}.handoff-flow i:after{content:"→";font-style:normal}.warning{background:#171715;color:#fff;padding:22px}.warning b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:#111;margin-bottom:24px}.warning span{font-size:15px;font-weight:700}.warning p{font-size:11px;line-height:1.5;color:#aaa;margin-bottom:0}@keyframes brand-in{0%{opacity:0;transform:scale(.72);filter:blur(10px)}60%{opacity:1;transform:scale(1.04);filter:blur(0)}to{transform:scale(1)}}@keyframes brand-out{0%,40%{opacity:1}75%,to{opacity:.12;transform:scale(.9)}}@keyframes pulse{50%{opacity:.48;filter:brightness(.7)}}@keyframes charge-fill{0%{width:8%}to{width:var(--level)}}@keyframes float{50%{transform:translateY(-8px);opacity:.45}}@keyframes mic-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes dot{0%,70%,to{transform:translateY(0);opacity:.4}35%{transform:translateY(-7px);opacity:1}}@keyframes wave{to{height:4px;opacity:.5}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.library-mode-tabs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#44443f;border:1px solid #44443f;margin-bottom:64px}.library-mode-tabs button{min-height:122px;border:0;background:#20201e;color:#85857e;padding:23px 28px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;transition:background .25s,color .25s}.library-mode-tabs button span{grid-column:1/-1;align-self:start;font:600 9px/1 monospace;letter-spacing:1.8px}.library-mode-tabs button strong{font-size:32px;line-height:1;letter-spacing:-1.2px}.library-mode-tabs button b{font-size:11px;font-weight:500}.library-mode-tabs button:first-child.active{background:var(--acid);color:#151712}.library-mode-tabs button:last-child.active{background:var(--orange);color:#17110f}.library-faces:before{background:radial-gradient(circle at 18% 0%,rgba(216,255,79,.13),transparent 31%)}.library-ui:before{background:radial-gradient(circle at 80% 0%,rgba(255,97,49,.16),transparent 31%)}.library-faces .state-card.selected:before{border-color:var(--acid)}.library-ui .state-card.selected:before{border-color:var(--orange)}.brand-mark .wordmark{font-size:40px;line-height:1;letter-spacing:-3px;color:#fff}.shutdown-lottie{width:215px;height:215px;display:grid;place-items:center;filter:drop-shadow(0 0 14px rgba(255,255,255,.22))}.shutdown-lottie svg{width:100%;height:100%;display:block}.device.compact .shutdown-lottie{width:100px;height:100px}.device.compact .brand-mark .wordmark{font-size:19px;letter-spacing:-1px}.system-status{position:absolute;z-index:5;left:11%;right:11%;top:7%;height:20px;display:flex;align-items:center;justify-content:space-between;color:#edf7f2}.system-status>div{display:flex;align-items:center;gap:4px}.system-status .material-symbols-rounded{font-size:17px}.system-status b{font:700 7px/1 monospace;letter-spacing:.5px}.system-status .is-muted{color:#5b6963}.system-status .is-ok{color:#67f29e}.system-status .is-danger{color:#ff5853}.primary-glyph{font-size:142px}.symbol-face,.symbol-wifi,.symbol-battery,.symbol-mic,.symbol-thinking,.symbol-card-loading,.symbol-unknown,.symbol-offline,.symbol-qr,.symbol-track{position:relative;display:grid;place-items:center}.symbol-face{width:190px;height:190px;color:#60f29a}.symbol-face .face-aura{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;background:currentColor;filter:blur(38px);opacity:.16;animation:face-breathe 3.2s ease-in-out infinite}.symbol-face .face-glyph{position:relative;font-size:154px;filter:drop-shadow(0 0 12px color-mix(in srgb,currentColor 28%,transparent))}.symbol-face.mood-angry{color:#ff694e}.symbol-face.mood-fear{color:#70d6ff}.symbol-face.mood-surprise{color:#d8ff4f}.symbol-face.mood-disgust{color:#afdb62}.symbol-face.mood-yawn,.symbol-face.mood-sleep{color:#86cdb4}.symbol-face.mood-happy .face-glyph{animation:happy-bob 1.8s ease-in-out infinite}.symbol-face.mood-sleep .face-glyph{animation:sleep-drift 3s ease-in-out infinite}.visual-control .symbol-face{transform:scale(.78);opacity:.78}.symbol-wifi{width:190px;height:190px;color:#f5faf7}.symbol-wifi .primary-glyph{filter:drop-shadow(0 0 13px rgba(255,255,255,.15))}.symbol-wifi.failed{color:#ff8a42}.symbol-wifi .status-badge{position:absolute;right:21px;bottom:26px;font-size:42px;background:#080b0a;border:6px solid #080b0a;border-radius:50%}.symbol-wifi .loading-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:3px solid rgba(255,255,255,.13);border-top-color:#d8ff4f;border-radius:50%;animation:spin 1.25s linear infinite}.symbol-battery{width:190px;height:190px}.symbol-battery .primary-glyph{font-size:140px}.symbol-battery.good{color:#62f49b}.symbol-battery.medium{color:#ffb241}.symbol-battery.low{color:#ff5853}.symbol-battery strong{position:absolute;bottom:12px;color:#f5faf7;font:700 25px/1 monospace;letter-spacing:-1px}.symbol-battery small{font-size:11px;margin-left:2px;opacity:.7}.symbol-battery.ambient{animation:pulse 3s infinite}.symbol-offline{width:190px;height:190px;color:#ff8a42}.symbol-offline strong{position:absolute;right:24px;bottom:29px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ff8a42;color:#090b0a;border:6px solid #090b0a;font:700 20px monospace}.symbol-qr{gap:4px;color:#fff}.symbol-qr .primary-glyph{font-size:164px;font-variation-settings:"FILL" 0}.symbol-qr span{font:700 8px monospace;letter-spacing:3px;color:#8fa099}.symbol-mic{width:180px;height:180px;color:#52bfff}.symbol-mic .primary-glyph{position:relative;z-index:3}.symbol-mic b{position:absolute;width:74px;height:74px;border:2px solid currentColor;border-radius:50%;animation:mic-wave 2s infinite}.symbol-mic b:nth-of-type(2){animation-delay:.55s}.symbol-mic b:nth-of-type(3){animation-delay:1.1s}.symbol-thinking{width:180px;height:180px;color:#d8ff4f}.symbol-thinking .primary-glyph{font-size:132px}.symbol-thinking>span{position:absolute;bottom:8px;display:flex;gap:7px}.symbol-thinking>span i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:dot 1.2s infinite}.symbol-thinking>span i:nth-child(2){animation-delay:.2s}.symbol-thinking>span i:nth-child(3){animation-delay:.4s}.symbol-card-loading{width:180px;height:180px;color:#66efa0}.symbol-card-loading .primary-glyph{font-size:132px}.symbol-card-loading .sync-glyph{position:absolute;right:15px;bottom:21px;font-size:48px;color:#d8ff4f;background:#080b0a;border:6px solid #080b0a;border-radius:50%;animation:spin 1.4s linear infinite}.symbol-unknown{width:180px;height:180px;color:#ff8a42}.symbol-unknown .primary-glyph{font-size:154px}.symbol-unknown .object-glyph{position:absolute;font-size:56px;color:#ffb073}.symbol-track{width:100%;height:100%;color:#d8ff4f}.symbol-track .track-art{width:105px;height:105px;border-radius:28px;background:linear-gradient(145deg,#ffe27a,#ff7552);display:grid;place-items:center;box-shadow:0 0 24px #ff75523d}.symbol-track .track-art .material-symbols-rounded{font-size:68px;color:#111}.symbol-track .track-arrow{position:absolute;left:50%;transform:translate(-50%);font-size:42px}.symbol-track .track-arrow.up{top:15%}.symbol-track .track-arrow.down{bottom:18%}.symbol-track>strong{position:absolute;top:65%;font:700 18px monospace;color:#fff}.symbol-track>strong span{font-size:11px;color:#839089}.symbol-track .track-equalizer{position:absolute;bottom:6%;font-size:50px;color:#5ff099;animation:eq-pulse .7s infinite alternate}.control-bars .control-icon{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);font-size:20px;color:#d5e0dc}.device.compact .system-status{transform:scale(.56);transform-origin:top left;right:-43%}.device.compact .symbol-face,.device.compact .symbol-wifi,.device.compact .symbol-battery,.device.compact .symbol-mic,.device.compact .symbol-thinking,.device.compact .symbol-card-loading,.device.compact .symbol-unknown,.device.compact .symbol-offline,.device.compact .symbol-qr{transform:scale(.58)}.device.compact .visual-control .symbol-face{transform:scale(.46)}.device.compact .symbol-track{transform:scale(.6)}.symbol-face .face-state-badge{position:absolute;right:17px;top:18px;font-size:42px;color:#d8ff4f;background:#080b0a;border:5px solid #080b0a;border-radius:50%;filter:drop-shadow(0 0 8px rgba(216,255,79,.3))}.symbol-face.mood-yawn .face-glyph{animation:yawn-loop 2.8s ease-in-out infinite}.symbol-face.mood-yawn .face-state-badge{animation:yawn-badge 2.8s ease-in-out infinite}.symbol-face.mood-sleep .face-state-badge{animation:sleep-badge 3s ease-in-out infinite}.symbol-qr{gap:9px}.symbol-qr .primary-glyph{font-size:138px;padding:11px;color:#050807;background:#fff;border-radius:12px;box-shadow:0 0 0 4px #ffffff29,0 0 24px #ffffff26}.symbol-qr span{color:#c5d1cb}.digit-set{display:grid;gap:11px;text-align:center}.digit-set span{font:700 29px/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:7px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.18)}.digit-set b{font:700 7px/1 monospace;letter-spacing:3px;color:#82928a;margin-top:4px}.symbol-track .track-rail{position:absolute;right:6%;top:31%;display:flex;flex-direction:column;align-items:center;gap:3px;color:#65716d}.symbol-track .track-rail .track-arrow{position:static;transform:none;font-size:30px;line-height:.78}.symbol-track .track-rail .track-arrow.down{color:#ff8a42}.symbol-track .track-rail-dot{width:16px;height:16px;border:3px solid #65716d;border-radius:50%}.symbol-track>strong{top:65%;padding:5px 12px;border:1px solid #34403b;border-radius:16px;background:#151c19}.device.compact .digit-set{transform:scale(.56)}.qr-grid{display:grid;grid-template-columns:repeat(21,5px);grid-template-rows:repeat(21,5px);gap:1px;padding:11px;background:#fff;border-radius:11px;box-shadow:0 0 0 4px #ffffff29,0 0 24px #ffffff26}.qr-grid i{background:#fff}.qr-grid i.on{background:#050807}.symbol-track .track-rail .track-arrow{position:static;width:0;height:0;transform:none;font-size:0;border-left:9px solid transparent;border-right:9px solid transparent}.symbol-track .track-rail .track-arrow.up{border-bottom:12px solid #d8ff4f}.symbol-track .track-rail .track-arrow.down{border-top:12px solid #ff8a42}.device.compact .qr-grid{grid-template-columns:repeat(21,2px);grid-template-rows:repeat(21,2px);gap:.5px;padding:5px;border-radius:5px}@keyframes face-breathe{50%{transform:scale(1.16);opacity:.23}}@keyframes happy-bob{50%{transform:translateY(-5px) scale(1.03)}}@keyframes sleep-drift{50%{transform:translateY(4px);opacity:.72}}@keyframes yawn-loop{0%,25%,to{transform:scale(1)}55%,72%{transform:scale(.9) translateY(5px)}}@keyframes yawn-badge{0%,25%,to{transform:scale(.75);opacity:.25}55%,72%{transform:scale(1.12);opacity:1}}@keyframes sleep-badge{50%{transform:translate(5px,-7px);opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq-pulse{to{transform:scaleX(1.12);opacity:.65}}@media (max-width:1050px){.hero-stage{grid-template-columns:1fr 1.2fr}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid #aaa;padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.inspector p{margin:8px 0}.handoff{grid-template-columns:1fr 1fr}.warning{grid-column:1/-1}.hero-stage:after{font-size:130px}}@media (max-width:720px){.studio-meta em,.studio-logo i{display:none}.hero-stage{display:block;padding-top:50px}.hero-copy h1{font-size:50px}.hero-device-wrap{min-height:450px}.device{width:310px}.inspector{display:block}.library{padding-left:18px;padding-right:18px}.library-mode-tabs{grid-template-columns:1fr;margin-bottom:42px}.library-mode-tabs button{min-height:98px;padding:18px 20px}.library-mode-tabs button strong{font-size:27px}.library-head{display:block}.library-head nav{justify-content:flex-start;margin-top:25px}.state-grid{grid-template-columns:1fr 1fr}.state-card{min-height:300px;padding:16px 8px}.device.compact{width:135px;height:135px}.handoff{grid-template-columns:1fr}.handoff-flow,.warning{grid-column:auto}.studio-header{padding:0 18px}.hero-stage:after{display:none}}