:root{--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--swatch-middernacht:#534ab7;--swatch-bosgroen:#1d9e75;--swatch-zonsondergang:#d85a30;--swatch-staalblauw:#378add}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=middernacht]{--color-canvas:#0d0f14;--color-card:#1a2027;--color-border:#262d36;--color-text:#f2f2f2;--color-text-muted:#9a9fa6;--color-accent:#534ab7;--color-accent-light:#afa9ec;--color-accent-contrast:#fff}@media (prefers-color-scheme:light){:root[data-theme=middernacht]{--color-canvas:#f6f5f2;--color-card:#fff;--color-border:#e6e3dc;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#534ab7;--color-accent-light:#afa9ec;--color-accent-contrast:#fff}}:root[data-theme=bosgroen]{--color-canvas:#0c1210;--color-card:#17211d;--color-border:#24312b;--color-text:#f2f2f2;--color-text-muted:#9aa6a0;--color-accent:#1d9e75;--color-accent-light:#5dcaa5;--color-accent-contrast:#fff}@media (prefers-color-scheme:light){:root[data-theme=bosgroen]{--color-canvas:#f5f6f3;--color-card:#fff;--color-border:#e2e6df;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#0f6e56;--color-accent-light:#5dcaa5;--color-accent-contrast:#fff}}:root[data-theme=zonsondergang]{--color-canvas:#171110;--color-card:#241a17;--color-border:#322420;--color-text:#f2f2f2;--color-text-muted:#a69a95;--color-accent:#d85a30;--color-accent-light:#f0997b;--color-accent-contrast:#fff}@media (prefers-color-scheme:light){:root[data-theme=zonsondergang]{--color-canvas:#f9f4f1;--color-card:#fff;--color-border:#ede0d9;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#d85a30;--color-accent-light:#f0997b;--color-accent-contrast:#fff}}:root[data-theme=staalblauw]{--color-canvas:#0c1117;--color-card:#171f28;--color-border:#232e3a;--color-text:#f2f2f2;--color-text-muted:#9aa4b0;--color-accent:#378add;--color-accent-light:#85b7eb;--color-accent-contrast:#fff}@media (prefers-color-scheme:light){:root[data-theme=staalblauw]{--color-canvas:#f4f6f8;--color-card:#fff;--color-border:#dfe4e9;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#185fa5;--color-accent-light:#85b7eb;--color-accent-contrast:#fff}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit}.card-link{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:opacity .15s}@media (hover:hover) and (pointer:fine){.card-link:hover{opacity:.7}}.card-link:active{opacity:.5}button{font:inherit;color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s,filter .15s,transform .1s}button:disabled{cursor:default}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(1.1)}}button:not(:disabled):active{transform:scale(.96)}summary{cursor:pointer}input,textarea,select{font:inherit;color:inherit;font-size:1rem}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}.chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;background:0 0;border-radius:999px;font-size:.85rem;display:inline-flex}.chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--color-accent-light)}}.check-btn{border:1.5px solid var(--color-accent-light);width:44px;height:44px;color:var(--color-accent-light);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.check-btn.watched{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}@media (hover:hover) and (pointer:fine){.check-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.check-btn.watched:hover{border-color:var(--color-accent-light);color:var(--color-accent-light);background:0 0}}