:root{--cg-red: #B90000;--cg-orange: #FA5A00;--cg-yellow: #FFB400;--cg-blue: #0778B5;--cg-green: #6AA637;--cg-purple: #951E86;--bg: #FFFFFF;--bg-raised: #F5F5F5;--bg-overlay: rgba(0,0,0,.5);--text: #111111;--text-muted: #555555;--border: #DDDDDD;--accent: var(--cg-blue);--accent-text: #FFFFFF;--font: "Open Sans", system-ui, sans-serif;--radius: 6px;--card-w: 160px}@media(prefers-color-scheme:dark){:root{color-scheme:dark}:root:not([data-theme=light]){--bg: #0B0B0B;--bg-raised: #1A1A1A;--text: #FFFFFF;--text-muted: #AAAAAA;--border: #333333;--accent: var(--cg-yellow);--accent-text: #000000}}[data-theme=dark]{--bg: #0B0B0B;--bg-raised: #1A1A1A;--text: #FFFFFF;--text-muted: #AAAAAA;--border: #333333;--accent: var(--cg-yellow);--accent-text: #000000;color-scheme:dark}[data-theme=light]{--bg: #FFFFFF;--bg-raised: #F5F5F5;--text: #111111;--text-muted: #555555;--border: #DDDDDD;--accent: var(--cg-blue);--accent-text: #FFFFFF;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}.app{display:flex;flex-direction:column;min-height:100dvh}.header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:0 1rem}.header-inner{display:flex;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;height:56px}.wordmark{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.wordmark-text{font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:var(--text);line-height:1}.wordmark-by{font-size:.65rem;color:var(--text-muted);letter-spacing:.04em}.header-progress{display:flex;align-items:center;gap:.75rem;margin-left:auto;font-size:.85rem;color:var(--text-muted)}.header-progress-pct{font-weight:600;color:var(--accent)}@media(max-width:480px){.header-progress-pct{display:none}}.header-actions{display:flex;align-items:center;gap:.25rem}.header-actions-desktop{display:flex}.header-hamburger{display:none}.header-menu-wrap{position:relative}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 24px #00000026;min-width:200px;z-index:200;overflow:hidden}.header-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:var(--font);font-size:.9rem;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.header-dropdown-item:hover{background:var(--bg-raised)}.header-dropdown-item+.header-dropdown-item{border-top:1px solid var(--border)}.header-dropdown-icon{font-size:1rem;width:1.25rem;text-align:center}@media(max-width:600px){.header-actions-desktop{display:none}.header-hamburger{display:flex}.header-progress-bars,.header-progress-pct{display:none}}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);color:var(--text-muted);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-raised);color:var(--text)}.bars-progress{display:flex;align-items:flex-end;gap:2px;height:28px}.bars-progress-bar{width:6px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.bars-progress-bar:nth-child(odd){margin-bottom:4px;height:20px}.bars-progress-bar:nth-child(2n){height:24px}.bars-progress-bar-fill{position:absolute;bottom:0;left:0;right:0;transition:height .4s ease}.criteria-section{margin-bottom:.75rem}.criteria-text{font-size:.8rem;color:var(--text-muted);line-height:1.6}.criteria-text--collapsed{padding-bottom:0}.criteria-link{background:none;border:none;padding:0;font-family:var(--font);font-size:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.toolbar{padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:56px;z-index:90;display:flex;flex-direction:column;gap:.5rem}.toolbar-row{display:flex;align-items:center;gap:.5rem}.toolbar-row-search .search-box{flex:1;max-width:100%}.toolbar-row-chips{flex-wrap:wrap}.toolbar-row-filters{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px;margin:-3px}.toolbar-row-filters::-webkit-scrollbar{display:none}.toolbar-row-filters .select-filter{flex-shrink:0}.search-box{position:relative}.search-box input{width:100%;padding:.4rem .75rem .4rem 2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-family:var(--font);font-size:.875rem}.search-box input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border);font-size:.8rem;cursor:pointer;background:var(--bg);color:var(--text-muted);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.select-filter{padding:.3rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-family:var(--font);font-size:.8rem;cursor:pointer}.notice{background:color-mix(in srgb,var(--cg-blue) 12%,transparent);border-left:3px solid var(--cg-blue);padding:.6rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.notice-close{margin-left:auto;color:var(--text-muted);font-size:1.2rem;line-height:1}.main{flex:1;padding:1rem}.main-inner{max-width:1400px;margin:0 auto}.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:1rem}.film-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-raised);cursor:pointer;transition:transform .15s,box-shadow .15s;outline-offset:2px;display:flex;flex-direction:column}.film-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.film-card:focus-visible{outline:2px solid var(--accent)}.film-card.seen{opacity:.7}.poster-wrap{aspect-ratio:2/3;background:var(--border);overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover}.poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;text-align:center;padding:.5rem}.film-card-meta{padding:.4rem .5rem;flex:1}.film-card-rank{font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.film-card-title{font-size:.85rem;font-weight:600;line-height:1.25;margin-top:.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.film-card-year{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.country-badge{font-size:.7rem;color:var(--text-muted)}.seen-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s}.seen-checkbox:checked{background:var(--accent);border-color:var(--accent)}.seen-checkbox:checked:after{content:"";position:absolute;top:1px;left:4px;width:5px;height:9px;border:2px solid var(--accent-text);border-top:none;border-left:none;transform:rotate(45deg)}.seen-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.film-card-seen-row{display:block;width:100%;padding:.45rem .5rem;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font);font-size:.75rem;font-weight:600;letter-spacing:.03em;cursor:pointer;text-align:center;transition:background .15s,color .15s}.film-card-seen-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.film-card-seen-row.seen{background:var(--accent);color:var(--accent-text);border-top-color:transparent}.film-card-seen-row.seen:hover{background:color-mix(in srgb,var(--accent) 80%,black);color:var(--accent-text)}.film-card-seen-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.film-list{width:100%;border-collapse:collapse;font-size:.875rem}.film-list th{text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);padding:.4rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;white-space:nowrap;user-select:none}.film-list th:hover{color:var(--text)}.film-list th.sorted{color:var(--accent)}.film-list td{padding:.5rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.film-list tr:hover td{background:var(--bg-raised);cursor:pointer}.film-list tr.seen td{opacity:.65}.list-poster-thumb{width:32px;height:48px;object-fit:cover;border-radius:3px;background:var(--border)}.overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:flex-end;justify-content:center}@media(min-width:600px){.overlay{align-items:center}}.detail-panel{background:var(--bg);width:100%;max-width:680px;max-height:92dvh;border-radius:12px 12px 0 0;overflow-y:auto;position:relative}@media(min-width:600px){.detail-panel{border-radius:12px;max-height:88dvh}}.detail-backdrop{width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--bg-raised)}.detail-body{padding:1.25rem}.detail-header{display:flex;gap:1rem;margin-bottom:1rem}.detail-poster{width:100px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:2/3;background:var(--border)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-info{flex:1;min-width:0}.detail-rank{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.detail-title{font-size:1.25rem;font-weight:800;letter-spacing:.02em;line-height:1.2;margin-top:.15rem}.detail-original-title{font-size:.875rem;color:var(--text-muted);margin-top:.15rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.detail-meta-item{white-space:nowrap}.detail-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--cg-yellow);margin-top:.4rem}.detail-genres{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.genre-tag{padding:.15rem .5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;font-size:.75rem}.detail-seen-btn{margin-top:.75rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;border:2px solid var(--accent);background:transparent;color:var(--accent);transition:background .15s,color .15s;font-family:var(--font)}.detail-seen-btn.seen{background:var(--accent);color:var(--accent-text)}.detail-section{margin-top:1.25rem}.detail-section-title{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.detail-overview{font-size:.9rem;line-height:1.6}.cast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.cast-item{text-align:center}.cast-photo{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);background:var(--border);margin-bottom:.25rem}.cast-photo-placeholder{width:100%;aspect-ratio:2/3;background:var(--bg-raised);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem;margin-bottom:.25rem}.cast-name{font-size:.7rem;font-weight:600}.cast-character{font-size:.65rem;color:var(--text-muted)}.detail-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.external-link{padding:.35rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:border-color .15s,color .15s}.external-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.detail-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;z-index:1;border:none}.stats-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:flex-end}@media(min-width:600px){.stats-overlay{align-items:center;justify-content:flex-end}}.stats-panel{background:var(--bg);width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;border-radius:12px 12px 0 0;padding:1.25rem}@media(min-width:600px){.stats-panel{border-radius:12px;height:90dvh}}.stats-title{font-size:1.1rem;font-weight:800;margin-bottom:1rem}.stat-block{margin-bottom:1.5rem}.stat-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.stat-value{font-size:2rem;font-weight:800}.stat-sub{font-size:.85rem;color:var(--text-muted)}.breakdown-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.8rem}.breakdown-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.breakdown-bar{height:100%;border-radius:3px;transition:width .3s}.breakdown-label{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-count{width:36px;text-align:right;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--bg);border-radius:12px;width:100%;max-width:480px;max-height:80dvh;overflow-y:auto;padding:1.5rem}.modal-title{font-size:1.1rem;font-weight:800;margin-bottom:1rem}.modal-section{margin-bottom:1.25rem}.modal-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font);transition:opacity .15s;border:none}.btn:hover{opacity:.85}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--bg-raised);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#c00;color:#fff}.file-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;cursor:pointer;font-size:.875rem;color:var(--text-muted);transition:border-color .15s,background .15s}.file-drop:hover,.file-drop.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.import-summary{background:var(--bg-raised);border-radius:var(--radius);padding:.75rem;font-size:.875rem;margin-top:.75rem}.footer{border-top:1px solid var(--border);padding:1.25rem 1rem;font-size:.75rem;color:var(--text-muted);text-align:center}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--accent)}.tmdb-attr{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.7rem}@media(max-width:480px){:root{--card-w: 140px}.header-inner{height:48px}.toolbar{top:48px;padding:.5rem .75rem}.wordmark-text{font-size:.95rem}}@media(max-width:359px){:root{--card-w: 120px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}