:root{--bg: #101116;--bg2: #16181f;--surface: #1b1e27;--surface-hi: #232733;--line: #2c3040;--txt: #f4f5f8;--mute: #767b8c;--accent: #ff4e27;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 45%, transparent);--warn: #ffd23f;--good: #36e0a0;--on-accent: #1a0c06}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:#0b0c10;overflow:hidden;overscroll-behavior:none;font-family:Space Grotesk,system-ui,sans-serif;color:var(--txt);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}input{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--txt)}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.app-root{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#0b0c10;color:var(--txt)}.app-frame{position:relative;width:100%;max-width:420px;height:100dvh;max-height:920px;background:radial-gradient(120% 80% at 50% -10%,#1a1c24 0%,var(--bg) 55%);overflow:hidden}.app-blob{position:absolute;top:-30%;left:-20%;width:140%;height:80%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);animation:bgDrift 9s ease-in-out infinite alternate;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.press{transition:transform .12s cubic-bezier(.3,1.4,.5,1)}.press:active{transform:scale(.96)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rollUp{0%{transform:translateY(34%);opacity:0;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes rollDown{0%{transform:translateY(-34%);opacity:0;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes sweep{0%{transform:translate(-101%)}to{transform:translate(101%)}}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes segPop{0%{transform:scaleY(.4)}55%{transform:scaleY(1.6)}to{transform:scaleY(1.15)}}@keyframes radialPulse{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes exIn{0%{opacity:0;transform:translate(-16px);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes glowBreathe{0%,to{box-shadow:0 8px 30px -8px var(--accent-glow)}50%{box-shadow:0 12px 46px -4px var(--accent-glow)}}@keyframes ringIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bgDrift{0%{transform:translate(-5%,-4%) scale(1)}to{transform:translate(5%,3%) scale(1.18)}}@keyframes dotIn{0%{transform:scale(0)}60%{transform:scale(1.6)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:opacity .2s!important}}