:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f8f9f6;--surface:#fff;--text:#18251f;--muted:#727c76;--line:#e0e6df;--soft:#f0f3ed;--accent:#527c33;--accent-solid:#234431;--accent-bg:#d9f6bc;--shadow:0 18px 48px #21331d12;--error:#b94037;--error-bg:#fff0ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}body[data-app=cinema]{--accent:#bb5a3c;--accent-solid:#58352c;--accent-bg:#f6d6bc;--soft:#f4f0ec;--bg:#faf8f5;--line:#e7e1da;--text:#302923}html[data-theme=dark]{color-scheme:dark;--bg:#131916;--surface:#1b231e;--text:#edf1e8;--muted:#a1aca3;--line:#344037;--soft:#252f28;--accent:#b7dd92;--accent-solid:#c6ecaa;--accent-bg:#31492b;--shadow:0 18px 48px #0004;--error:#ffb3a7;--error-bg:#392923}html[data-theme=dark] body[data-app=cinema]{--bg:#1b1817;--surface:#24201d;--text:#f2eae3;--muted:#b2a69e;--line:#443b34;--soft:#312a25;--accent:#ebb48f;--accent-solid:#f0c3a3;--accent-bg:#593e2e}.topbar{max-width:1248px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:22px;font-weight:750;letter-spacing:-.8px;display:flex;align-items:center;gap:0}.brand-light{font-weight:400}.brand-mark{display:flex;align-items:center;margin-right:13px;width:30px}.brand-mark i{display:block;width:20px;height:24px;border-radius:10px;border:1.7px solid var(--accent);flex-shrink:0;transform:rotate(28deg)}.brand-mark i+i{margin-left:-10px;background:var(--accent-bg)}.header-right{display:flex;align-items:center;gap:24px}.category{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus{outline:none}.icon-button{width:38px;height:38px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:50%;font-size:23px}main{max-width:1120px;margin:0 auto;padding:56px 32px 72px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);display:inline-flex;gap:8px;align-items:center}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(34px,4.5vw,52px);font-weight:550;letter-spacing:-2.5px;margin:10px 0 32px;line-height:1.15}.accent{color:var(--accent)}.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 12px #00000002}.pair-inputs{display:grid;grid-template-columns:1fr 52px 1fr;gap:16px;padding:30px 30px 23px;align-items:center}.picker{position:relative;min-width:0}.picker>label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:12px}.step{font-size:10px;color:var(--accent);font-variant-numeric:tabular-nums}.input-wrap{position:relative;display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;height:58px;transition:border-color .16s,box-shadow .16s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input-wrap.selected{background:var(--surface);border-color:var(--accent)}.search-icon{font-size:25px;color:var(--muted);padding-left:16px}.input-wrap input{border:0;background:transparent;width:100%;padding:16px 33px 16px 10px;font-size:16px;font-weight:500;color:var(--text);min-width:0}.input-wrap input::placeholder{color:var(--muted);font-weight:400}.input-wrap input::-webkit-search-cancel-button{display:none}.clear{position:absolute;right:10px;top:14px;border:0;background:var(--soft);border-radius:50%;width:27px;height:27px;color:var(--muted);font-size:18px}.picked-meta{height:20px;margin-top:9px;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap{width:36px;height:36px;justify-self:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--surface);font-size:21px;margin-top:12px;transition:transform .18s}.swap:hover{transform:rotate(180deg)}.panel-bottom{border-top:1px solid var(--line);padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.subtle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.primary{border:0;border-radius:8px;padding:12px 20px;background:var(--accent-solid);color:var(--surface);min-width:180px;font-weight:550;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:24px}.primary:not(:disabled):hover{filter:brightness(1.12)}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:17px 0 0;color:var(--muted);font-size:11px}.examples>span{margin-right:6px}.examples button{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;padding:6px 10px}.examples button:hover{border-color:var(--accent);color:var(--text)}.examples button span{margin:0 5px;opacity:.65}#results-section{margin-top:52px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:5px 0 0}.text-button{border:0;background:transparent;color:var(--muted);padding:8px;font-size:11px}.text-button:hover{color:var(--accent)}.result-meta{font-size:11px;color:var(--muted);margin-top:8px}.empty{min-height:280px;border:1px dashed var(--line);border-radius:14px;margin-top:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}.empty p{margin:22px 0 4px;color:var(--text);font-size:14px}.empty>span{font-size:12px;color:var(--muted)}.overlap{display:flex;padding-left:18px}.overlap span{width:42px;height:42px;border:1.5px solid var(--line);border-radius:50%;margin-left:-18px}.overlap span+span{background:var(--soft);border-color:var(--accent)}footer{max-width:1152px;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 16px 28px;color:var(--muted);font-size:10px}footer>span{font-weight:600}footer a:hover{text-decoration:underline}.suggestions{position:absolute;top:94px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;z-index:20;box-shadow:var(--shadow);max-height:340px;overflow-y:auto;padding:6px}.group-title{font-size:10px;letter-spacing:.4px;color:var(--muted);padding:11px 10px 5px;position:sticky;top:-6px;background:var(--surface);z-index:1}.option{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);text-align:left;width:100%;padding:10px;border-radius:6px;cursor:pointer}.option:hover,.option.active{background:var(--soft)}.option-text{min-width:0}.option strong{display:block;font-weight:550;font-size:13px}.option small{font-size:10px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}.option img{width:29px;height:40px;border-radius:3px;object-fit:cover;background:var(--soft)}.suggest-message{padding:18px 12px;color:var(--muted);font-size:12px}.suggest-message button{border:0;background:var(--soft);color:var(--text);border-radius:4px;padding:5px 9px;margin-top:7px;display:block}.filters{display:flex;align-items:center;gap:18px;margin:22px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filters>input{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:12px;width:240px}.filters>input:focus{border-color:var(--accent)}.filters>label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.filters>label input{accent-color:var(--accent)}#visible-count{margin-left:auto;font-size:11px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;animation:appear .24s ease-out}.card-head{display:flex;gap:12px;padding:19px 19px 14px;align-items:center}.avatar{width:43px;height:43px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:500}.card-title{min-width:0;flex:1}.card-title h3{font-weight:600;font-size:15px;line-height:1.35;letter-spacing:-.2px;margin:0 0 4px}.card-title p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.source-link{font-size:15px;color:var(--muted);align-self:flex-start}.source-link:hover{color:var(--accent)}.spells{margin:0 19px 17px;background:var(--bg);border:1px solid var(--line);border-radius:7px;overflow:hidden}.spell-team{padding:9px 10px}.spell-team+.spell-team{border-top:1px solid var(--line)}.spell-label{font-size:10px;color:var(--muted);display:block;margin-bottom:3px}.spell-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-variant-numeric:tabular-nums}.spell-stats{font-size:10px;color:var(--muted)}.cinema-card .card-head{align-items:flex-start}.poster{width:68px;height:99px;object-fit:cover;border-radius:5px;background:var(--soft);flex-shrink:0}.poster.placeholder{display:grid;place-items:center;color:var(--accent);font-size:22px}.cinema-card .card-title h3{margin-top:2px}.tag{font-size:9px;background:var(--soft);padding:3px 6px;display:inline-block;color:var(--muted);border-radius:4px;margin-top:7px}.roles{border-top:1px solid var(--line);padding:12px 19px}.role{font-size:11px;margin:4px 0;color:var(--text)}.role span{color:var(--muted);font-size:10px;display:block}.source-note{font-size:11px;color:var(--muted);margin:24px 0 0;max-width:800px}.source-note summary{cursor:pointer;width:max-content}.source-note p{line-height:1.8}.alert{padding:14px 18px;background:var(--error-bg);color:var(--error);border:1px solid currentColor;border-radius:9px;margin-top:20px;font-size:12px}.alert button{color:inherit;font-size:12px;background:none;border:0;text-decoration:underline;margin-left:12px}.setup{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:12px;margin-top:20px}.setup h2{font-size:18px}.setup p{font-size:12px;color:var(--muted)}.setup code{background:var(--soft);padding:5px;border-radius:3px}.setup a{text-decoration:underline;color:var(--accent)}.tabs{display:inline-flex;background:var(--soft);border:1px solid var(--line);padding:4px;border-radius:9px;margin-bottom:24px;gap:3px}.tabs button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:9px 18px;border-radius:6px}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000000b}.spinner{width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.tmdb-note{max-width:1152px;margin:0 auto;padding:0 16px 20px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:10px}.tmdb-note img{width:52px}body.busy #compare{cursor:wait}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:800px){.topbar{padding:0 28px;height:78px}main{padding:36px 24px 50px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-inputs{padding:24px 22px 17px;gap:10px;grid-template-columns:1fr 32px 1fr}.panel-bottom{padding:15px 22px}.input-wrap input{font-size:14px}.result-actions{display:flex}.filters{flex-wrap:wrap;gap:10px}.tmdb-note,footer{margin:0 24px}}@media(max-width:560px){.topbar{height:70px;padding:0 20px}.brand{font-size:20px}.header-right{gap:15px}.category{font-size:9px}main{padding:31px 18px 42px}h1{letter-spacing:-1.5px;margin-bottom:25px}.pair-inputs{grid-template-columns:1fr;gap:7px;padding:20px}.picker>label{margin-bottom:8px}.swap{margin:-9px 0 -9px;justify-self:end;z-index:1;width:29px;height:29px;font-size:17px;transform:rotate(90deg)}.swap:hover{transform:rotate(270deg)}.picked-meta{margin-top:6px}.panel-bottom{padding:16px 20px;flex-direction:column-reverse;gap:12px}.primary{width:100%;justify-content:center;gap:16px}.examples{gap:6px}.examples>span{width:100%;margin-bottom:2px}#results-section{margin-top:37px}.results-heading{align-items:flex-start}.results-heading h2{font-size:21px}.results-heading #result-actions{display:flex;flex-direction:column;align-items:flex-end}.text-button{padding:4px;font-size:10px}.result-grid{grid-template-columns:1fr}.filters>input{width:100%}.filters{gap:12px}.suggestions{top:87px}.option small{max-width:250px}.empty{min-height:240px}.tabs{width:100%}.tabs button{flex:1;padding:9px 12px}.result-card .spells{display:grid;grid-template-columns:1fr 1fr}.spell-team+.spell-team{border-top:0;border-left:1px solid var(--line)}.spell-line{flex-direction:column;align-items:flex-start;gap:2px}footer{margin:0 18px;padding-left:0;padding-right:0}.tmdb-note{margin:0 18px;padding-left:0;padding-right:0}.cinema-card .roles{display:grid;grid-template-columns:1fr 1fr;gap:15px}}