:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.notif-card{background:var(--bg-secondary);border-radius:1rem;padding:1rem;margin-bottom:.75rem;box-shadow:var(--neo-shadow);border:1px solid var(--border)}.notif-card h4{margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:600}.token-info{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.token-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-options p{margin:.15rem 0}.user-section{margin-bottom:1.5rem}.error-text{color:#f55;font-weight:500;margin-top:8px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:16px}.plan-card{background:var(--neo-bg, #e0e0e0);color:#222;border-radius:20px;padding:24px;transition:transform .2s ease}.plan-card:hover{transform:translateY(-4px)}.plan-card.premium{background:linear-gradient(145deg,gold,#f1c40f);color:#222}.plan-card h4{margin-bottom:12px;font-size:1.3rem}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{margin:8px 0;font-size:.95rem}:root{--bg: #d4dee7;--surface: #ecf2f7;--surface2: #d5e1eb;--surface-gradient-end: #f7fbff;--shadow-dark: rgba(115, 130, 150, .18);--shadow-light: rgba(255, 255, 255, .9);--accent: #7aa2ff;--muted: #6b7280;--border: rgba(0, 0, 0, .06);--text-color: #111827}:root.dark{--bg: #1b1b2f;--surface: #222236;--surface2: #2c2c44;--surface-gradient-end: #2c2c3d;--shadow-dark: rgba(0, 0, 0, .6);--shadow-light: rgba(255, 255, 255, .05);--accent: #7aa2ff;--muted: #9ca3af;--border: rgba(255, 255, 255, .1);--text-color: #e5e7eb}:root,:root.dark{transition:all .3s ease}.neomorph-card,.button-neo,.toggle{transition:all .3s ease}*{box-sizing:border-box}body,html{min-height:100vh;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:var(--bg);padding:24px}.app-root{max-width:980px;margin:0 auto}.page-container{display:flex;flex-direction:column;gap:16px}.neomorph-card{background:linear-gradient(180deg,var(--surface),var(--surface-gradient-end));border-radius:16px;padding:24px;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);border:1px solid var(--border);transition:all .3s ease;color:var(--text-color)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px}.topbar .title{font-weight:700}.button-neo{border-radius:12px;padding:10px 16px;border:none;background:var(--surface2);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);cursor:pointer;transition:all .3s ease;color:var(--text-color)}.button-neo:hover{box-shadow:6px 6px 16px var(--shadow-dark),-6px -6px 16px var(--shadow-light);color:orange}input,select,textarea{background:transparent;color:var(--text-color);border:1px solid var(--border);padding:10px;border-radius:10px;box-shadow:inset 4px 4px 8px #0000000f,inset -4px -4px 8px #ffffffb3;transition:all .3s ease}.center{display:flex;align-items:center;justify-content:center}.toggle{width:48px;height:28px;border-radius:14px;display:inline-block;padding:4px;box-shadow:inset 4px 4px 8px #0000000f,inset -4px -4px 8px #e9f0f0b3;cursor:pointer;transition:all .3s ease;background:var(--surface)}.toggle div{width:20px;height:20px;border-radius:50%;background:var(--bg);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:all .3s ease;transform:translate(0)}:root.dark .toggle{box-shadow:inset 4px 4px 8px #0006,inset -4px -4px 8px #0003;background:var(--surface-dark)}@media (max-width:640px){.app-root{padding:12px}}