*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070710;--bg2: #0f0f1e;--bg3: #13131f;--border: #1e1e30;--border2: #2a2a42;--text: #e0e0f8;--text2: #8080a8;--text3: #4a4a6a;--purple: #7F77DD;--purple-dim: #534AB7;--purple-bg: #1a1830;--teal: #5DCAA5;--teal-bg: #0f1e14;--amber: #EF9F27;--amber-bg: #1a1008;--coral: #F0997B;--coral-bg: #1e0f0a;--font-serif: "DM Serif Display", serif;--font-sans: "DM Sans", sans-serif;--radius: 14px;--radius-sm: 8px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100dvh;max-width:430px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 24px;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes twinkle{0%,to{opacity:var(--min-op, .2)}50%{opacity:var(--max-op, .7)}}.screen>*{position:relative;z-index:1}.serif{font-family:var(--font-serif)}.serif-italic{font-family:var(--font-serif);font-style:italic}.btn-primary{width:100%;background:var(--purple-bg);border:.5px solid var(--purple-dim);border-radius:var(--radius);padding:16px;color:#c0baf8;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s,border-color .15s;letter-spacing:.2px}.btn-primary:active{background:#2a2050}.btn-ghost{width:100%;background:transparent;border:none;padding:14px;color:var(--text3);font-size:14px;font-family:var(--font-sans);cursor:pointer}.btn-danger{width:100%;background:var(--coral-bg);border:.5px solid #993C1D;border-radius:var(--radius);padding:14px;color:var(--coral);font-size:14px;font-family:var(--font-sans);cursor:pointer}.input{width:100%;background:var(--bg3);border:.5px solid var(--border2);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);font-size:15px;font-family:var(--font-sans);outline:none;transition:border-color .15s}.input:focus{border-color:var(--purple-dim)}.input::placeholder{color:var(--text3)}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:.5px solid var(--border2);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--text3)}.card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);padding:16px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block}.offline-dot{width:7px;height:7px;border-radius:50%;background:var(--border2);display:inline-block}::-webkit-scrollbar{width:0}