:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f3f5f8;--text:#14171c;--text-muted:#4a5262;--border:#6b7280;--accent:#1d4ed8;--on-accent:#fff;--link:#1a47c0;--focus:#1d4ed8;--chip-on:#14171c;--on-chip-on:#fff;--badge-bg:#fff1cc;--on-badge:#4a2f00;--badge-cf-bg:#dff3e6;--on-badge-cf:#0d4a26;--danger:#b00020}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1217;--surface:#1a1f28;--text:#eceef2;--text-muted:#a9b1bf;--border:#7c8697;--accent:#8ab4ff;--on-accent:#0a1020;--link:#9fc0ff;--focus:#9fc0ff;--chip-on:#eceef2;--on-chip-on:#0f1217;--badge-bg:#3b2f10;--on-badge:#ffe3a1;--badge-cf-bg:#14352a;--on-badge-cf:#aef0c6;--danger:#ff9aa8}[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#000;--text:#fff;--text-muted:#fff;--border:#fff;--accent:#ff0;--on-accent:#000;--link:#66e0ff;--focus:#ff0;--chip-on:#ff0;--on-chip-on:#000;--badge-bg:#000;--on-badge:#ff0;--badge-cf-bg:#000;--on-badge-cf:#7dffa1;--danger:#ff8a8a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1000px;margin:0 auto;padding:16px}h1{margin:0;font-size:2rem;line-height:1.2}h2{margin:0 0 12px;font-size:1.25rem}h3{margin:0;font-size:1.05rem}a{color:var(--link)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{background:var(--accent);color:var(--on-accent);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.tagline{color:var(--text-muted);max-width:46ch;margin:4px 0 0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.panel section+section{margin-top:24px}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.field-label{margin-bottom:6px;padding:0;font-weight:600;display:block}input[type=text],select,button{font:inherit}input[type=text],select{background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:8px;min-height:44px;padding:10px 12px}input[type=text]{width:100%}button{color:var(--on-accent);background:var(--accent);border:2px solid var(--accent);cursor:pointer;border-radius:8px;min-height:44px;padding:8px 14px}.link-button{color:var(--link);background:0 0;border:0;min-height:32px;padding:4px 8px;text-decoration:underline}.hint{color:var(--text-muted);margin:8px 0}.examples{color:var(--text-muted);margin:8px 0 0}.alert{border:2px solid var(--danger);color:var(--text);border-radius:8px;margin-bottom:16px;padding:12px}.alert p{margin:0 0 8px}.search{position:relative}.suggestions{z-index:5;background:var(--bg);border:2px solid var(--border);border-radius:8px;max-height:340px;margin:4px 0 0;padding:0;list-style:none;position:absolute;left:0;right:0;overflow:auto}.suggestions[hidden]{display:none}.option{cursor:pointer;border-left:4px solid #0000;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.option.active{background:var(--accent);color:var(--on-accent);border-left-color:var(--focus)}.option-title{font-weight:600}.option-year,.option-note{font-size:.9rem}.option-note{margin-left:auto}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:999px;min-height:36px;padding:4px 12px}.chip[aria-pressed=true]{background:var(--chip-on);color:var(--on-chip-on);border-color:var(--chip-on);font-weight:600}.chip[aria-pressed=true]:before{content:"✓ "}.picks{margin-top:16px}.picks h3{margin-bottom:8px}.pick{background:var(--bg);border:2px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 12px;display:inline-flex}.pick button{color:var(--text);background:0 0;border:0;border-radius:999px;min-width:32px;min-height:32px;padding:0;font-size:1.2rem}.row{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-top:16px;display:flex}.genres{margin-bottom:4px}.segmented{border:2px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg{cursor:pointer;background:var(--bg);min-height:44px;color:var(--text);align-items:center;padding:8px 14px;display:inline-flex;position:relative}.seg+.seg{border-left:2px solid var(--border)}.seg.on{background:var(--chip-on);color:var(--on-chip-on);font-weight:600}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg:focus-within{outline:3px solid var(--focus);outline-offset:-3px}.results{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:12px 0;padding:0;list-style:none;display:grid}.card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.year{color:var(--text-muted);font-weight:400}.meta{color:var(--text-muted);margin:4px 0;font-size:.95rem}.rating{color:var(--text);font-weight:600}.why{margin:8px 0;font-size:.95rem}.badge{border:1px solid;border-radius:999px;flex:none;padding:2px 8px;font-size:.78rem;font-weight:600}.badge-content{background:var(--badge-bg);color:var(--on-badge)}.badge-cf{background:var(--badge-cf-bg);color:var(--on-badge-cf)}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:32px;padding-top:16px;font-size:.9rem}.footer h2{color:var(--text);font-size:1rem}.footer a{color:var(--link)}.small{font-size:.85rem}@media (max-width:520px){h1{font-size:1.6rem}.page{padding:12px}.results{grid-template-columns:1fr}.row>*{flex:100%}select{width:100%}.segmented{flex-wrap:wrap;display:flex}.seg{flex:auto}}@media (prefers-reduced-motion:no-preference){button,.chip{transition:background-color .12s}}