@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-primary:#f8f9fc;--bg-secondary:#f0f2f5;--bg-tertiary:#e8eaef;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#8a8aa0;--accent-primary:#6366f1;--accent-hover:#5558e3;--accent-subtle:rgba(99,102,241,.1);--success:#16a34a;--success-bg:rgba(22,163,74,.1);--warning:#d97706;--warning-bg:rgba(217,119,6,.1);--danger:#dc2626;--danger-bg:rgba(220,38,38,.1);--border:#e2e4e9;--border-hover:#d0d2d9;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 20px rgba(0,0,0,.1);--shadow-lg:0 8px 40px rgba(0,0,0,.12);--code-bg:#f6f8fa;--code-text:#24292f;--code-comment:#6e7781;--code-keyword:#cf222e;--code-string:#0a3069;--code-function:#8250df;--code-number:#0550ae;--code-operator:#953800;--code-punctuation:#24292f}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#15151f;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-muted:#606070;--accent-primary:#6366f1;--accent-hover:#7c7ff2;--accent-subtle:rgba(99,102,241,.15);--success:#22c55e;--success-bg:rgba(34,197,94,.15);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.15);--danger:#ef4444;--danger-bg:rgba(239,68,68,.15);--border:#2a2a3a;--border-hover:#3a3a4a;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--code-bg:#0d1117;--code-text:#e2e8f0;--code-comment:#6b7280;--code-keyword:#c4b5fd;--code-string:#a5f3fc;--code-function:#93c5fd;--code-number:#f472b6;--code-operator:#fcd34d;--code-punctuation:#94a3b8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#15151f;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-muted:#606070;--accent-primary:#6366f1;--accent-hover:#7c7ff2;--accent-subtle:rgba(99,102,241,.15);--success:#22c55e;--success-bg:rgba(34,197,94,.15);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.15);--danger:#ef4444;--danger-bg:rgba(239,68,68,.15);--border:#2a2a3a;--border-hover:#3a3a4a;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--code-bg:#0d1117;--code-text:#e2e8f0;--code-comment:#6b7280;--code-keyword:#c4b5fd;--code-string:#a5f3fc;--code-function:#93c5fd;--code-number:#f472b6;--code-operator:#fcd34d;--code-punctuation:#94a3b8}}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}body,html{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}input,select,textarea{font-family:var(--font-sans);font-size:15px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:var(--font-sans);font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.code-editor{font-family:var(--font-mono)!important;font-size:14px!important;background:var(--code-bg)!important;border-radius:var(--radius-md);-moz-tab-size:2;tab-size:2}.code-editor textarea{outline:none!important}code[class*=language-],pre[class*=language-]{font-family:var(--font-mono);font-size:14px;color:var(--code-text);text-shadow:none;background:none}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-comment)}.token.punctuation{color:var(--code-punctuation)}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:var(--code-number)}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:var(--code-string)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--code-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-keyword)}.token.class-name,.token.function{color:var(--code-function)}.token.important,.token.regex,.token.variable{color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-in{animation:slideIn .3s ease-out forwards}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}