:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--bg-hover: #252525;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #7c5cfc;--accent-hover: #9179ff;--accent-dim: rgba(124, 92, 252, .15);--success: #4ade80;--success-dim: rgba(74, 222, 128, .15);--warning: #f59e0b;--danger: #ef4444;--border: #2a2a2a;--border-light: #333;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea,select{font:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.container{max-width:800px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar.svelte-12qhfyh{position:sticky;top:0;z-index:50;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.75rem 1rem}.nav-inner.svelte-12qhfyh{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo.svelte-12qhfyh{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.nav-logo.svelte-12qhfyh:hover{color:var(--accent)}.nav-links.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.nav-link.svelte-12qhfyh{color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s}.nav-link.svelte-12qhfyh:hover{color:var(--text-primary);background:var(--bg-hover)}