: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}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit}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}button:not(:disabled):hover{filter:brightness(1.1)}button:not(:disabled):active{transform:scale(.96)}summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}.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:hover,.check-btn.watched{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}