.osDemo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;display:flex}.osDemoPhone{background:var(--surface-2);border:1.5px solid var(--border);border-radius:28px;width:152px;height:264px;position:relative;overflow:hidden;box-shadow:0 0 38px #5be0a01f}.osDemoPhone:before{content:"";background:var(--border);z-index:5;border-radius:3px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.osDemoStage{width:100%;height:100%;position:absolute;inset:0}.osDemoBg{animation:6s ease-in-out infinite osDemoBg}.osDemoA{animation:6s ease-in-out infinite osDemoA}.osDemoB{animation:6s ease-in-out infinite osDemoB}.osDemoC{animation:6s ease-in-out infinite osDemoC}@keyframes osDemoBg{0%{opacity:0}4%{opacity:1}64%{opacity:1}68%{opacity:0}to{opacity:0}}@keyframes osDemoA{0%{opacity:0}4%{opacity:1}30%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes osDemoB{0%,32%{opacity:0}37%{opacity:1}63%{opacity:1}68%{opacity:0}to{opacity:0}}@keyframes osDemoC{0%,66%{opacity:0}71%{opacity:1}95%{opacity:1}to{opacity:0}}.osDemoRec{animation:1.1s infinite osDemoBlink}@keyframes osDemoBlink{0%,to{opacity:1}50%{opacity:.25}}.osDemoRing{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-out infinite osDemoRingPulse}@keyframes osDemoRingPulse{0%{opacity:.85;transform:scale(.7)}70%{opacity:0}to{opacity:0;transform:scale(1.6)}}.osDemoFlag{transform-box:fill-box;transform-origin:0%;animation:2.4s ease-in-out infinite osDemoFlag}@keyframes osDemoFlag{0%,to{transform:skew(0)}50%{transform:skew(-8deg)}}.osDemoDraw{stroke-dasharray:1;animation:6s ease-in-out infinite osDemoDraw}@keyframes osDemoDraw{0%,37%{stroke-dashoffset:1px}58%{stroke-dashoffset:0}63%{stroke-dashoffset:0}64%{stroke-dashoffset:1px}to{stroke-dashoffset:1px}}.osDemoLand{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite osDemoLand}@keyframes osDemoLand{0%,56%{opacity:0;transform:scale(.3)}60%{opacity:.9;transform:scale(1)}66%{opacity:0;transform:scale(2.2)}to{opacity:0}}.osDemoPop1{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite osDemoPop1}.osDemoPop2{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite osDemoPop2}.osDemoPop3{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite osDemoPop3}@keyframes osDemoPop1{0%,72%{opacity:0;transform:scale(0)}76%{opacity:1;transform:scale(1.2)}80%{transform:scale(1)}95%{opacity:1}to{opacity:0}}@keyframes osDemoPop2{0%,78%{opacity:0;transform:scale(0)}82%{opacity:1;transform:scale(1.2)}86%{transform:scale(1)}95%{opacity:1}to{opacity:0}}@keyframes osDemoPop3{0%,84%{opacity:0;transform:scale(0)}88%{opacity:1;transform:scale(1.2)}92%{transform:scale(1)}95%{opacity:1}to{opacity:0}}.osDemoCaptions{text-align:center;width:152px;height:18px;position:relative}.osDemoCap{color:var(--text);letter-spacing:.2px;font-size:13px;font-weight:600;position:absolute;top:0;left:0;right:0}.osDemoCapA{animation:6s ease-in-out infinite osDemoA}.osDemoCapB{animation:6s ease-in-out infinite osDemoB}.osDemoCapC{animation:6s ease-in-out infinite osDemoC}@media (prefers-reduced-motion:reduce){.osDemoBg,.osDemoA,.osDemoB,.osDemoC,.osDemoRec,.osDemoRing,.osDemoFlag,.osDemoDraw,.osDemoLand,.osDemoPop1,.osDemoPop2,.osDemoPop3,.osDemoCapA,.osDemoCapB,.osDemoCapC{animation:none}.osDemoA,.osDemoC,.osDemoCapA,.osDemoCapC{opacity:0}.osDemoBg,.osDemoB,.osDemoCapB{opacity:1}.osDemoDraw{stroke-dashoffset:0}}.osSkel{background:var(--border);border-radius:8px;position:relative;overflow:hidden}.osSkel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s ease-in-out infinite osShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes osShimmer{to{transform:translate(100%)}}.osBoot{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.osBootMark{animation:1.8s ease-in-out infinite osBootPulse}@keyframes osBootPulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.osSkel:after{animation:none}.osBootMark{opacity:1;animation:none}}@keyframes osBlink{0%,to{opacity:1}50%{opacity:.25}}@keyframes osDeplete{0%{stroke-dashoffset:0}to{stroke-dashoffset:339px}}@keyframes osRingPulse{0%,to{box-shadow:0 0 #5be0a059}50%{box-shadow:0 0 0 10px #5be0a000}}@keyframes osFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes osSpin{to{transform:rotate(360deg)}}:root{--bg:#10171c;--surface:#1a232b;--surface-2:#0b1115;--border:#2a3742;--text:#f2f5f4;--text-muted:#8a97a0;--brand:#5be0a0;--brand-press:#3fb37e;--on-brand:#0b3d29;--result-ob:#e0685b;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Archivo", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}::placeholder{color:var(--text-muted);opacity:1}