#district{height:48px;color-scheme:dark}.film-picker-intro,.film-picker-hint{color:var(--text-muted);line-height:1.7;font-size:.88rem;margin:0 0 16px}.film-picker-hint{font-size:.78rem;margin-top:10px}.film-search-wrap{position:relative}.film-search-wrap input{padding-right:110px}.film-search-wrap #film-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-muted);pointer-events:none}#film-search-status{font-size:.82rem;color:#d6c2a2;min-height:20px;margin:10px 0}.film-search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:340px;overflow-y:auto;padding:8px;background:#151515;border:1px solid #444;border-radius:6px;margin-bottom:12px}.film-search-results[hidden],[hidden].film-manual-add{display:none}.film-result{display:flex;align-items:center;gap:12px;min-width:0;padding:9px;background:#242424;color:var(--text-main);border:1px solid #3b3b3b;border-radius:4px;text-align:left;cursor:pointer}.film-result:hover,.film-result[aria-selected=true]{border-color:#d82a21;background:#d82a2112}.film-result img,.film-result-placeholder{width:44px;height:66px;object-fit:contain;flex-shrink:0;background:#111}.film-result>span:nth-last-child(2){flex:1;min-width:0}.film-result strong{font-size:.85rem;line-height:1.4;display:block}.film-result small{color:var(--text-muted);display:block;margin-top:5px}.film-manual-add{background:none;border:1px solid #555;color:var(--text-main);font-size:.8rem;padding:10px 14px;border-radius:4px;cursor:pointer;margin:0 0 15px}.favorite-film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;list-style:none;padding:0;margin:18px 0}.favorite-film-slot{min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid #ffffff20;border-radius:5px;background:#171717;overflow:hidden}.favorite-film-slot img,.film-poster-empty{width:100%;aspect-ratio:2/3;object-fit:contain;background:#101010;display:block}.film-poster-empty{display:grid;place-items:center;color:#4b4641;font-size:35px}.film-rank{position:absolute;left:7px;top:7px;z-index:1;display:grid;place-items:center;width:22px;height:22px;background:#161616e8;border:1px solid #ffffff35;border-radius:50%;font-size:11px;color:#eee}.favorite-film-slot strong{padding:9px 8px 0;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}.film-year{font-size:11px;color:var(--text-muted);padding:4px 8px}.film-empty-label{font-size:11px;padding:9px;text-align:center;color:#888}.film-slot-controls{display:flex;margin-top:auto;padding:5px;gap:4px}.film-slot-controls button{background:#272727;color:#eee;border:1px solid #444;border-radius:3px;min-height:32px;flex:1;cursor:pointer}.film-slot-controls button:disabled{opacity:.3;cursor:default}.film-slot-controls button:last-child:hover{background:#d82a21}.film-catalog-credit{font-size:11px;color:#999;margin-top:14px}.saved-favorite-films{margin-top:24px}.saved-film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style-position:inside;gap:14px;padding:0;margin-top:20px}.saved-film-grid li{min-width:0}.saved-film-grid img{width:100%;aspect-ratio:2/3;object-fit:contain;display:block;background:#111;margin-bottom:8px}.saved-film-grid strong{font-size:13px;display:block;overflow-wrap:anywhere}.saved-film-grid span{color:var(--text-muted);font-size:12px}#favorite-film-picker button:focus-visible{outline:2px solid #e1bd83;outline-offset:2px}@media(max-width:600px){.favorite-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.film-search-results{grid-template-columns:1fr}.film-slot-controls button{min-height:40px}.favorite-film-slot strong{font-size:.85rem}.saved-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
