:root{--bg-gradient: linear-gradient(135deg, #0f0c1b 0%, #15102a 50%, #06020f 100%);--panel-bg: rgba(255, 255, 255, .03);--panel-border: rgba(255, 255, 255, .08);--panel-glow: 0 8px 32px 0 rgba(0, 0, 0, .37);--primary-color: #2AFFCC;--primary-glow: rgba(42, 255, 204, .3);--secondary-color: #8A2BE2;--secondary-glow: rgba(138, 43, 226, .3);--text-main: #f3f1f6;--text-muted: #8e8a9f;--text-dark: #120e20}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:480px;height:100vh;max-height:850px;display:flex;flex-direction:column;padding:16px}@media (min-width: 500px){#root{height:90vh;border-radius:24px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--panel-glow)}}.glass-panel{background:#ffffff05;border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}button{cursor:pointer;border:none;outline:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}input{background:#0003;border:1px solid var(--panel-border);color:var(--text-main);outline:none;transition:all .3s}input:focus{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}