:root{--bg: #07080b;--bg-2: #0b0d12;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e9ebf2;--muted: #878ea3;--faint: #5b6178;--gold: #f0b33f;--blue: #59a5e6;--dv: #a98bfa;--hdr: #3fd39b;--sdr: #7c839a;--good: #3fd39b;--warn: #f0b33f;--bad: #ef6d6d;--radius: 14px;--shadow: 0 18px 40px -18px rgba(0, 0, 0, .9);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 500px at 12% -10%,rgba(240,179,63,.09),transparent 60%),radial-gradient(800px 520px at 92% 0%,rgba(89,165,230,.08),transparent 62%);z-index:0}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}input[type=text],input[type=search],select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;outline:none;width:100%}input:focus,select:focus{border-color:var(--border-strong);background:var(--surface-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{position:relative;z-index:1;display:grid;grid-template-columns:286px minmax(0,1fr);gap:26px;max-width:1780px;margin:0 auto;padding:26px 30px 70px}.sidebar{position:sticky;top:26px;align-self:start;max-height:calc(100vh - 52px);overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:11px;margin-bottom:2px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,var(--gold),#d2761f);display:grid;place-items:center;font-weight:800;color:#17120a;box-shadow:0 8px 24px -8px #f0b33f99}.brand h1{font-size:17px;margin:0;letter-spacing:.2px}.brand p{margin:1px 0 0;font-size:11.5px;color:var(--faint)}.source{display:flex;flex-direction:column;gap:8px}.source-btn{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;text-align:left;border-radius:12px;border:1px dashed var(--border-strong);background:var(--surface);transition:.15s}.source-btn:hover{border-color:var(--gold);background:#f0b33f12}.source-btn .ico{font-size:16px;color:var(--gold)}.source-btn .txt{display:flex;flex-direction:column;gap:1px;min-width:0}.source-btn b{font-size:12.8px;font-weight:600}.source-btn em{font-style:normal;font-size:11px;color:var(--faint)}.source-now{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--faint);min-width:0}.source-now .pip{width:6px;height:6px;border-radius:50%;background:var(--hdr);flex:0 0 auto}.source-now .pip.custom{background:var(--gold)}.source-now .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-now .undo{margin-left:auto;color:var(--gold);font-size:11.5px;flex:0 0 auto}.source-now .undo:hover{text-decoration:underline}.ingest-box{display:flex;flex-direction:column;gap:9px;padding:11px 12px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.key-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted)}.key-row .pip{width:6px;height:6px;border-radius:50%;background:var(--hdr)}.key-edit{display:flex;flex-direction:column;gap:7px}.key-edit input{padding:7px 10px;font-size:12px}.key-actions{display:flex;align-items:center;gap:10px;font-size:11.5px}.key-actions .mini-btn{margin-left:auto;padding:5px 11px;border-radius:8px;font-size:11.5px;font-weight:600;color:#17120a;background:var(--gold)}.key-actions .mini-btn:disabled{opacity:.4;cursor:default}.check{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);cursor:pointer}.check input{accent-color:var(--gold)}.sync-btn{padding:9px;border-radius:10px;font-size:12.5px;font-weight:600;color:#17120a;background:linear-gradient(140deg,var(--gold),#d2761f);transition:filter .15s}.sync-btn:hover:not(:disabled){filter:brightness(1.08)}.sync-btn:disabled{opacity:.45;cursor:default}.refetch{align-self:flex-start;font-size:11px;color:var(--faint)!important}.progress{position:relative;height:22px;border-radius:7px;overflow:hidden;background:#ffffff0f}.progress .bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#f0b33f8c,#f0b33fd9);transition:width .2s ease}.progress .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 9px;font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingest-msg{font-size:11.5px;line-height:1.5;color:var(--muted);border-left:2px solid var(--hdr);padding-left:8px}.ingest-msg.err{color:#f0b9b9;border-color:var(--bad)}.app.dragging:after{content:"Drop a mediateka.md or library.json";position:fixed;top:14px;right:14px;bottom:14px;left:14px;z-index:80;border:2px dashed var(--gold);border-radius:20px;background:#f0b33f12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;font-size:17px;font-weight:600;color:var(--gold);pointer-events:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 15px 17px}.panel h3,.section-title{margin:0 0 11px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600}.filter-group+.filter-group{margin-top:17px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--muted);transition:.15s ease;white-space:nowrap}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{color:#0b0c10;font-weight:600;border-color:transparent;background:var(--chip-color, var(--gold))}.chip .count{font-size:10.5px;opacity:.75;font-variant-numeric:tabular-nums}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--chip-color, var(--muted))}.chip.active .dot{background:#00000073}.genre-list{display:flex;flex-direction:column;gap:2px;max-height:44vh;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.genre-list>.genre-row{flex:0 0 auto;min-height:28px}.genre-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 9px;border-radius:8px;font-size:13px;line-height:1.25;color:#d3d8e6;position:relative;isolation:isolate;overflow:hidden;text-align:left}.genre-row .bar{position:absolute;z-index:-1;top:0;bottom:0;left:0;background:#f0b33f24;border-radius:8px}.genre-row .name{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-row:hover{color:#fff;background:var(--surface-2)}.genre-row.active{color:#ffd98e;font-weight:600}.genre-row.active .bar{background:#f0b33f4d}.genre-row .count{position:relative;z-index:1;font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted)}.genre-row:hover .count,.genre-row.active .count{color:inherit}.list-toggle{margin-top:8px;font-size:12px;color:var(--muted);padding:4px 2px}.list-toggle:hover{color:var(--text);text-decoration:underline}.range-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold);background:transparent}.reset-btn{width:100%;padding:9px;border-radius:10px;border:1px solid var(--border);color:var(--muted);font-size:12.5px;transition:.15s}.reset-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.main{min-width:0;display:flex;flex-direction:column;gap:20px}.topbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-wrap{position:relative;flex:1 1 320px}.search-wrap input{padding-left:36px;height:42px;border-radius:12px}.search-wrap .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.seg button{padding:7px 14px;border-radius:9px;font-size:12.5px;color:var(--muted)}.seg button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:-4px}.tabs button{position:relative;display:flex;align-items:baseline;gap:8px;padding:10px 16px 12px;font-size:14.5px;font-weight:600;color:var(--faint);border-radius:10px 10px 0 0;transition:color .15s,background .15s}.tabs button:hover{color:var(--text);background:#ffffff08}.tabs button .n{font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--faint);background:var(--surface-2);padding:2px 7px;border-radius:999px}.tabs button.active{color:var(--text)}.tabs button.active .n{color:#17120a;background:var(--tab-color, var(--gold))}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--tab-color, var(--gold));box-shadow:0 0 14px var(--tab-color, var(--gold))}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:linear-gradient(160deg,#ffffff0e,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.stat .value{font-size:25px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat .sub{font-size:11.5px;color:var(--muted);margin-top:3px}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.timeline-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted)}.timeline-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.timeline-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.timeline{display:flex;align-items:flex-end;gap:2px;flex:1;min-height:132px;padding-bottom:2px;min-width:0;touch-action:pan-y}.tl-col{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;position:relative;border-radius:3px;transition:background .15s}.tl-col:hover{background:#ffffff0f}.tl-col.selected{background:#f0b33f24}.tl-col.dim{opacity:.28}.tl-seg{border-radius:2px;min-height:2px;transition:filter .15s}.tl-col:hover .tl-seg{filter:brightness(1.35)}.tl-axis{display:flex;min-width:0;margin-top:8px;font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}.tl-axis span{flex:1 1 0;min-width:0;text-align:left}.tl-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#14161d;border:1px solid var(--border-strong);border-radius:9px;padding:7px 10px;font-size:11.5px;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:var(--shadow)}.tl-tip b{color:var(--gold)}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.chart-row>.panel{min-width:0}.map-panel{display:flex;flex-direction:column}.map-legend{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.map-legend i{width:74px;height:8px;border-radius:4px;background:linear-gradient(90deg,#f0b33f2e,#f0b33ff2)}.map-wrap{position:relative;flex:1;display:flex;align-items:center}.map-svg{width:100%;height:auto;display:block;max-height:240px}.country{stroke:#08090cd9;stroke-width:.4;transition:fill .15s}.country.has{cursor:pointer}.country.has:hover{stroke:var(--gold);stroke-width:.9}.country.on{stroke:#fff;stroke-width:1.1}.map-tip{position:absolute;background:#14161d;border:1px solid var(--border-strong);border-radius:9px;padding:6px 10px;font-size:11.5px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:5}.map-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.map-chip{font-size:11.5px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.map-chip:hover{color:var(--text);border-color:var(--border-strong)}.map-chip span{color:var(--gold);font-variant-numeric:tabular-nums}.map-note{font-size:11px;color:var(--faint);margin-left:auto;cursor:help}@media(max-width:1240px){.chart-row{grid-template-columns:1fr}}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.results-count{font-size:13px;color:var(--muted)}.results-count b{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:18px 16px}.card{text-align:left;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease}.card:hover{transform:translateY(-4px)}.poster{position:relative;aspect-ratio:2 / 3;border-radius:11px;overflow:hidden;background:linear-gradient(150deg,#1b1f29,#0d0f15);border:1px solid var(--border);box-shadow:var(--shadow)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.card:hover .poster{border-color:var(--border-strong)}.poster-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.35}.poster-fallback .yr{font-size:11px;color:var(--faint)}.badge{position:absolute;font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 6px;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge.rating{top:7px;left:7px;background:#08090cd1;color:var(--gold)}.badge.quality{top:7px;right:7px;background:#08090cd1;color:var(--text)}.badge.tag{bottom:7px;left:7px;background:#08090cd1}.card .title{font-size:12.8px;font-weight:600;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{font-size:11.5px;color:var(--faint);display:flex;gap:6px;align-items:center}.decade{margin-bottom:26px}.decade-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.decade-head h2{margin:0;font-size:21px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.decade-head .line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.decade-head .n{font-size:11.5px;color:var(--faint)}.rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.rail .card{flex:0 0 138px;scroll-snap-align:start}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:12.8px}th{text-align:left;padding:11px 14px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:#ffffff08;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--text)}td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.045);color:var(--muted)}tbody tr:hover td{background:#ffffff08;color:var(--text)}td.title-cell{color:var(--text);font-weight:500;cursor:pointer}td.num{font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040507c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:28px;z-index:50;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(880px,100%);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#12141b,#0a0c11);border:1px solid var(--border-strong);border-radius:18px;box-shadow:0 40px 90px -30px #000;display:grid;grid-template-columns:268px minmax(0,1fr);gap:24px;padding:24px}.modal .poster{aspect-ratio:2 / 3;border-radius:12px}.modal h2{margin:0 0 4px;font-size:25px;line-height:1.15;letter-spacing:-.4px}.modal .sub{color:var(--muted);font-size:13px;margin-bottom:14px}.modal .plot{font-size:13.4px;line-height:1.62;color:#c9cddc;margin:14px 0 16px}.kv{display:grid;grid-template-columns:92px minmax(0,1fr);gap:5px 12px;font-size:12.8px}.kv dt{color:var(--faint)}.kv dd{margin:0;color:var(--muted)}.close{position:absolute;top:14px;right:16px;font-size:20px;line-height:1;color:var(--faint);padding:4px 8px;border-radius:8px}.close:hover{color:var(--text);background:var(--surface-2)}.rating-big{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.rating-big .score{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.rating-big .of{font-size:12px;color:var(--faint)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tag{font-size:11.5px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.empty{padding:60px 20px;text-align:center;color:var(--faint)}.notice{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(240,179,63,.28);background:#f0b33f12;color:#e7d3ac;border-radius:var(--radius);padding:13px 16px;font-size:12.8px;line-height:1.55}.notice code{background:#00000059;padding:1px 5px;border-radius:5px;font-size:12px}@media(max-width:700px){.timeline{gap:1px;min-height:108px}.tl-seg{border-radius:1px}.tl-tip{font-size:11px;padding:5px 8px}}@media(max-width:1080px){.app{grid-template-columns:1fr;padding:18px}.sidebar{position:static;max-height:none}.modal{grid-template-columns:1fr}.modal .poster{max-width:200px}}