:root{color-scheme:light;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:1.75rem;--fs-2xl:2.25rem;--fs-3xl:clamp(2.25rem,5vw,3.5rem);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--radius-sm:8px;--radius:12px;--radius-lg:20px;--maxw:1200px;--bg:#f6f8f9;--surface:#ffffff;--surface-2:#f0f3f4;--border:#dfe5e7;--border-strong:#c7d0d3;--text:#10201f;--text-muted:#55676a;--text-faint:#7b8b8d;--accent:#0b7d76;--accent-strong:#096a63;--accent-soft:#d8efec;--on-accent:#ffffff;--pos:#1a7f4b;--pos-soft:#d9f0e2;--neg:#b23a3a;--neg-soft:#f6dcdc;--warn:#9a6a00;--warn-soft:#fbeccb;--info:#2b5fb3;--info-soft:#dbe6f8;--shadow-sm:0 1px 2px rgba(16,32,31,0.06);--shadow:0 6px 24px rgba(16,32,31,0.08);--shadow-lg:0 18px 48px rgba(16,32,31,0.14);--nav-h:60px}:root[data-theme=dark]{color-scheme:dark;--bg:#0c1413;--surface:#121c1b;--surface-2:#17201f;--border:#23302e;--border-strong:#33433f;--text:#eaf2f0;--text-muted:#a3b3b1;--text-faint:#7d8f8c;--accent:#2bb5aa;--accent-strong:#4bc9bf;--accent-soft:#103330;--on-accent:#04211f;--pos:#4cc785;--pos-soft:#123324;--neg:#e77a7a;--neg-soft:#3a1c1c;--warn:#e0b25a;--warn-soft:#33280f;--info:#7aa6ec;--info-soft:#17263f;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 6px 24px rgba(0,0,0,0.45);--shadow-lg:0 18px 48px rgba(0,0,0,0.55)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0c1413;--surface:#121c1b;--surface-2:#17201f;--border:#23302e;--border-strong:#33433f;--text:#eaf2f0;--text-muted:#a3b3b1;--text-faint:#7d8f8c;--accent:#2bb5aa;--accent-strong:#4bc9bf;--accent-soft:#103330;--on-accent:#04211f;--pos:#4cc785;--pos-soft:#123324;--neg:#e77a7a;--neg-soft:#3a1c1c;--warn:#e0b25a;--warn-soft:#33280f;--info:#7aa6ec;--info-soft:#17263f;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 6px 24px rgba(0,0,0,0.45);--shadow-lg:0 18px 48px rgba(0,0,0,0.55)}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--sp-3);letter-spacing:-.01em}p{margin:0 0 var(--sp-4)}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--sp-5)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--on-accent);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);z-index:200}.skip-link:focus{left:var(--sp-4);top:var(--sp-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-5);font-weight:600;font-size:var(--fs-sm);transition:background .15s ease,transform .05s ease,border-color .15s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong);text-decoration:none}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);text-decoration:none}.btn-danger{background:transparent;color:var(--neg);border-color:color-mix(in srgb,var(--neg) 45%,transparent)}.btn-danger:hover{background:var(--neg-soft);text-decoration:none}.btn-success{background:var(--pos);color:#fff}.btn-success:hover{filter:brightness(1.05);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:600;padding:2px var(--sp-2);border-radius:999px;line-height:1.6;white-space:nowrap}.badge-pos{background:var(--pos-soft);color:var(--pos)}.badge-neg{background:var(--neg-soft);color:var(--neg)}.badge-neu{background:var(--surface-2);color:var(--text-muted)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.theme-toggle{background:transparent;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);width:42px;height:42px;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--surface-2)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}