*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0f;--surface:#17171a;--surface-raised:#1f1f24;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#f0ede8;--text-secondary:#9b9890;--text-muted:#5a5855;--accent:#c8a97e;--accent-glow:#c8a97e26;--system-red:#d44f3e;--system-red-bg:#d44f3e14;--radius:16px;--radius-sm:8px;--radius-pill:999px;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--transition:.2s ease}html,body,#root{background:var(--bg);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.app-shell.is-stage2{align-items:stretch;padding:0}.app-shell.is-stage2 .phone{width:100%;max-width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0}.phone{background:var(--bg);border:1px solid var(--border-strong);border-radius:40px;flex-direction:column;width:100%;max-width:390px;min-height:780px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 40px 80px #0009}.status-bar{color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px 0;font-size:12px;font-weight:500;display:flex}.nav-bar{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-around;align-items:center;padding:12px 0 20px;display:flex}.nav-bar button{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:4px 12px;font-size:22px}.nav-bar button.active{color:var(--accent)}.screen{scrollbar-width:none;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.display{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;line-height:1.2}.display-italic{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;font-style:italic;line-height:1.3}.system-notification{background:var(--system-red-bg);border-radius:var(--radius-sm);color:var(--system-red);letter-spacing:.02em;border:1px solid #d44f3e4d;margin:12px 16px;padding:12px 16px;font-size:12px}.system-notification .notif-title{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:4px;font-size:10px}.btn{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#0d0d0f}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 12px;font-size:13px}.input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:12px 16px;font-size:15px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}@keyframes glitch1{0%,to{clip-path:inset(0 0 95%);transform:translate(-4px)}20%{clip-path:inset(40% 0 50%);transform:translate(4px)}40%{clip-path:inset(20% 0 70%);transform:translate(-2px)}60%{clip-path:inset(80% 0 5%);transform:translate(3px)}80%{clip-path:inset(60% 0 30%);transform:translate(-3px)}}@keyframes glitch2{0%,to{clip-path:inset(80% 0 5%);transform:translate(4px)}20%{clip-path:inset(10% 0 80%);transform:translate(-4px)}40%{clip-path:inset(60% 0 20%);transform:translate(2px)}60%{clip-path:inset(30% 0 60%);transform:translate(-2px)}80%{clip-path:inset(5% 0 90%);transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.4s forwards fadeIn}.slide-up{animation:.5s forwards slideUp}.scroll-content{flex-direction:column;gap:12px;padding:16px;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:0}.badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.badge-accent{background:var(--accent-glow);color:var(--accent);border:1px solid #c8a97e40}.badge-muted{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a}