:root{--bg: #0f0f1a;--card: #1e1e32;--surface: #161622;--border: #3a3a55;--text: #e8e6f0;--text-muted: #a0a0bb;--text-dim: #8888bb;--accent: #7c5cfc;--radius: 12px;--touch-min: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:#9b7fff}main{max-width:640px;margin:0 auto;padding-top:3.5rem}.cookie-banner.svelte-1xqvkrg{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:640px;margin:0 auto;background:var(--surface, #1a1a22);color:var(--text, #f5f5f7);border:1px solid var(--border, #333);border-radius:8px;padding:1rem 1.25rem;box-shadow:0 4px 12px #0003;z-index:1000;display:flex;flex-direction:column;gap:.75rem}.cookie-banner.svelte-1xqvkrg p:where(.svelte-1xqvkrg){margin:0;line-height:1.5;font-size:.875rem}.cookie-banner.svelte-1xqvkrg a:where(.svelte-1xqvkrg){color:var(--accent, #7c5cfc)}.actions.svelte-1xqvkrg{display:flex;gap:.5rem;justify-content:flex-end}.actions.svelte-1xqvkrg button:where(.svelte-1xqvkrg){padding:.4rem .9rem;border-radius:6px;border:1px solid var(--border, #333);background:transparent;color:inherit;font-size:.85rem;cursor:pointer}.actions.svelte-1xqvkrg button.primary:where(.svelte-1xqvkrg){background:var(--accent, #7c5cfc);border-color:transparent;color:#fff}.actions.svelte-1xqvkrg button:where(.svelte-1xqvkrg):hover{opacity:.85}@media(max-width:480px){.cookie-banner.svelte-1xqvkrg{left:.5rem;right:.5rem}}header.svelte-12qhfyh{position:fixed;top:0;width:100%;z-index:100;background:#0b0b10eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}header.svelte-12qhfyh .top:where(.svelte-12qhfyh){display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;max-width:1200px;margin:0 auto}.logo.svelte-12qhfyh{font-size:1.1rem;font-weight:700}.logo.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--accent)}nav.svelte-12qhfyh{display:flex;gap:1rem;flex:1;margin-left:1rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.85rem;color:var(--text-muted)}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}.auth.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem}.auth.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.85rem;color:var(--text-muted)}.auth.svelte-12qhfyh a.primary:where(.svelte-12qhfyh){background:var(--accent);color:#fff;padding:.4rem .8rem;border-radius:6px}.auth.svelte-12qhfyh .user:where(.svelte-12qhfyh){font-size:.85rem;color:var(--accent);font-weight:600}.auth.svelte-12qhfyh .settings-link:where(.svelte-12qhfyh){font-size:.8rem;color:var(--text-dim)}.auth.svelte-12qhfyh .settings-link:where(.svelte-12qhfyh):hover{color:var(--text)}.auth.svelte-12qhfyh button:where(.svelte-12qhfyh){background:none;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.auth.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{color:var(--text)}.tier-badge.svelte-12qhfyh{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.04em;background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.tier-badge.tier-pro.svelte-12qhfyh{background:var(--accent);color:#fff;border:none}.tier-badge.tier-vip.svelte-12qhfyh{background:linear-gradient(135deg,#d4a857,#7c5cfc);color:#fff;border:none}footer.svelte-12qhfyh{margin-top:3rem;padding:1.25rem 1rem;border-top:1px solid var(--border);background:#0b0b1099}.footer-inner.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-inner.svelte-12qhfyh .copy:where(.svelte-12qhfyh){font-size:.75rem;color:var(--text-dim)}.footer-inner.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:flex;gap:1rem}.footer-inner.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){font-size:.75rem;color:var(--text-muted);text-decoration:none}.footer-inner.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{color:var(--text)}@media(max-width:480px){.footer-inner.svelte-12qhfyh{flex-direction:column;gap:.5rem}}