:root,[data-theme=dark]{--bg: #0a0c10;--bg-card: #12151c;--bg-card-hover: #161a24;--bg-input: #161b24;--border: #252b38;--border-focus: #3d4758;--text: #e8eaef;--text-muted: #8890a4;--accent: #00d9a5;--accent-hover: #00f5b8;--accent-glow: rgba(0, 217, 165, .25);--danger: #f06b7a;--radius: 14px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--bg: #f4f5f7;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-input: #eef0f3;--border: #e2e5ea;--border-focus: #c8cdd6;--text: #1a1d24;--text-muted: #5c6370;--accent: #00a87a;--accent-hover: #00c48c;--accent-glow: rgba(0, 168, 122, .2);--danger: #d64555;--shadow: 0 4px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;transition:background .25s ease,color .25s ease}.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border);padding:1rem 1.5rem;background:var(--bg-card);transition:background .25s ease,border-color .25s ease}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;transition:color .2s ease}.logo:hover{color:var(--accent)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--accent) 0%,#00b88a 100%);color:#fff;font-size:1.25rem;font-weight:800;border-radius:10px;box-shadow:0 2px 12px var(--accent-glow);transition:transform .2s ease,box-shadow .2s ease}.logo:hover .logo-mark{transform:scale(1.05);box-shadow:0 4px 20px var(--accent-glow)}.logo-text{letter-spacing:.02em}.theme-switch{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border)}.theme-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease}.theme-btn:hover{color:var(--text);background:var(--bg-card)}.theme-btn.active{color:var(--accent);background:var(--bg-card);box-shadow:0 1px 3px #00000014}.theme-icon{display:inline-flex;opacity:.9}.theme-label{display:none}@media(min-width:480px){.theme-label{display:inline}}.main{flex:1;padding:2.5rem 1.5rem;max-width:1100px;margin:0 auto;width:100%}.footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.875rem;color:var(--text-muted);transition:color .25s ease,border-color .25s ease}