:root{--color-bg:#fff;--color-surface:#f7f7f8;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-border:#e5e5e5;--color-primary:#0070f3;--color-primary-hover:#005ac1;--color-accent:#f39c12;--color-error:#e74c3c;--color-success:#27ae60;--font-family-base:"Inter",system-ui,-apple-system,sans-serif;--font-size-base:16px;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.2rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 3px 6px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}.btn_fill{background-clip:padding-box;background-color:var(--color-primary);border:1px solid var(--color-primary);box-sizing:border-box;border-radius:.25rem;align-items:center;margin:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.02)}html[data-theme=dark]{--color-bg:#121212;--color-surface:#1f1f1f;--color-text:#f3f3f3;--color-text-muted:#a1a1a1;--color-border:#2b2b2b;--color-primary:#4dabf7;--color-primary-hover:#339af0;--color-accent:#f1c40f;--color-error:#ff6b6b;--color-success:#51cf66}body{background-color:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);grid-template-rows:auto 1fr auto;margin:0;padding:0;line-height:1.6;transition:background-color .3s,color .3s;display:grid}header{padding:var(--space-md)var(--space-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center}h1,h2,h3{margin:var(--space-md)0;line-height:1.3}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{order:-1;justify-content:center}}footer{background-color:var(--color-surface);padding:1rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.footer-theme-toggle{align-items:center;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{order:-1;justify-content:center}}