:root{--bg:#050506;--bg-gradient:radial-gradient(120% 80% at 50% -10%, #14141c 0%, #08080b 55%, #050506 100%);--surface:#ffffff0a;--surface-border:#ffffff14;--row-bg:#ffffff08;--row-border:#ffffff12;--accent:#c4ff3d;--accent-tint-bg:#c4ff3d12;--accent-tint-border:#c4ff3d38;--accent-glow:0 0 18px #c4ff3d99;--accent-glow-soft:0 0 12px #c4ff3d33;--accent-btn-shadow:0 12px 32px #c4ff3d40;--text-hi:#f4f4f5;--text-mid:#a7a7b0;--text-muted:#8a8a94;--text-faint:#6e6e78;--font-sans:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:var(--bg-gradient);color:var(--text-hi);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;margin:0}@keyframes eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.anim-blink{animation:1.1s step-end infinite blink}.anim-pulse{animation:1.6s infinite pulse}.anim-eq{animation:.7s infinite eq}.anim-floaty{animation:3s ease-in-out infinite floaty}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.phone-frame{background:#000;border-radius:46px;width:100%;max-width:390px;margin:40px auto;padding:11px;box-shadow:0 40px 80px -30px #000000e6}.phone-content{color:var(--text-hi);background:radial-gradient(120% 80% at 50% -10%,#14141c 0%,#08080b 55%,#050506 100%);border-radius:36px;flex-direction:column;min-height:720px;padding-bottom:26px;display:flex;position:relative;overflow:hidden}.scroll-container{flex:1;overflow-y:auto}.text-input-wrapper{font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;transition:all .2s ease-in-out;display:flex}.text-input-wrapper:focus-within{border:1.5px solid var(--accent);background:#c4ff3d0f;box-shadow:0 0 24px #c4ff3d26}.text-input{color:var(--text-hi);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;width:100%}.text-input::placeholder{color:var(--text-faint)}.btn-primary{background:var(--accent);color:#050506;font-size:15px;font-weight:700;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--accent-btn-shadow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;transition:transform .1s,filter .1s;display:flex}.btn-primary:active{filter:brightness(1.1);transform:scale(.97)}.btn-primary:disabled{background:var(--text-faint);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-secondary{color:var(--text-hi);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;padding:13px;font-size:12.5px;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40}.btn-secondary:active{transform:scale(.97)}.btn-accent-outline{color:var(--accent);font-size:14px;font-weight:700;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #c4ff3d59;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.btn-accent-outline:hover{background:#c4ff3d0d}.btn-accent-outline:active{transform:scale(.97)}.card-surface{background:var(--surface);border:1px solid var(--surface-border);border-radius:22px;padding:16px}.card-accent-tint{background:var(--accent-tint-bg);border:1px solid var(--accent-tint-border);border-radius:22px;padding:16px}.row-item{background:var(--row-bg);border:1px solid var(--row-border);border-radius:16px;align-items:center;gap:12px;padding:11px;transition:all .2s;display:flex}.row-item.accent-highlight{background:var(--accent-tint-bg);border:1.5px solid var(--accent);box-shadow:0 0 22px #c4ff3d1f}.row-item.disabled{opacity:.6}.equalizer{align-items:flex-end;gap:3px;height:15px;display:flex}.equalizer span{background:var(--accent);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.7s infinite eq}.equalizer span:nth-child(2){animation-duration:.9s;animation-delay:.2s}.equalizer span:nth-child(3){animation-duration:.6s;animation-delay:.1s}.equalizer span:nth-child(4){animation-duration:.8s;animation-delay:.3s}.toggle-switch{background:var(--text-faint);cursor:pointer;border-radius:12px;width:40px;height:22px;transition:background-color .2s;position:relative}.toggle-switch.active{background:var(--accent)}.toggle-switch-knob{background:#050506;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-switch-knob{transform:translate(18px)}