:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text-primary: #1a1a1a;--color-text-secondary: #555555;--color-accent: #2563eb;--color-border: #e0e0e0;--navbar-height: 64px;--font-sans: "Inter", system-ui, sans-serif;--font-size-base: 1rem}[data-theme=dark]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-text-primary: #f0f0f0;--color-text-secondary: #aaaaaa;--color-accent: #3b82f6;--color-border: #2a2a2a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);transition:background-color .2s,color .2s}.page-content{padding-top:var(--navbar-height);min-height:100dvh}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.9375rem;font-weight:600;border-radius:8px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{filter:brightness(1.1)}.btn--outline{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--outline:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}