:root{color-scheme:dark;--bg:#101114;--panel:#191a1e;--muted:#96979f;--accent:#f1b65b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f1ec;font:15px 'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;color:inherit;background:transparent;padding:12px 17px}button:hover{filter:brightness(1.16)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}aside{width:226px;position:fixed;inset:0 auto 0 0;border-right:1px solid #27282d;padding:38px 23px;background:#141519}.logo{font-size:36px;font-weight:750;letter-spacing:-2px;color:#f4f1ec;text-decoration:none}.logo span{font-size:24px;color:var(--accent);margin-left:8px}.label,.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--muted)}.label{margin:58px 12px 20px}nav{display:grid;gap:9px}nav button{text-align:left;color:#a7a8b0}nav button.active{background:#2d2923;color:#f7c373}.server{position:absolute;bottom:35px;font-size:12px;padding:15px 8px}.server i{display:inline-block;width:6px;height:6px;background:#8cc79f;border-radius:50%;margin-right:7px}#count{font-size:11px;color:var(--muted);margin:8px 0 0 14px}main{margin-left:226px;padding:0 44px}header{display:flex;align-items:center;gap:15px;height:106px}.search{display:flex;align-items:center;gap:12px;flex:1;color:#a7a8b0}.search span{font-size:30px}.search input{background:none;border:0;width:100%;max-width:440px;padding:12px;color:white}.primary{background:var(--accent);color:#211a10;font-weight:650}.quiet{color:#aaa}.hero{position:relative;overflow:hidden;min-height:350px;border:1px solid #37322e;border-radius:14px;padding:45px;background:radial-gradient(ellipse at 80% 100%,#654833 0,transparent 55%),linear-gradient(120deg,#252323,#161a20)}.hero .eyebrow{color:#d6b68c}.hero h1{font-size:48px;line-height:1.12;font-weight:550;letter-spacing:-1.5px;margin:20px 0}.hero p{color:#b9b6b2;font-size:14px;line-height:1.8;margin-bottom:24px}.hero-art{position:absolute;right:7%;top:35px;width:260px;height:290px;pointer-events:none}.orb{position:absolute;border:1px solid #a47d4e55;width:310px;height:310px;border-radius:50%;top:-15px;left:-20px}.frame{position:absolute;inset:24px 15px;border:1px solid #be935a66;transform:rotate(12deg);background:linear-gradient(150deg,#79583d66,#15171d);box-shadow:20px 20px 60px #0007;display:flex;align-items:center;justify-content:center;font:130px Georgia;color:#dcb479}.frame span{position:absolute;bottom:24px;font:8px 'Segoe UI';letter-spacing:3px}.collection{padding:35px 0}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;font-weight:550;margin:10px 0}select{background:#1b1c21;border:1px solid #34353c;color:#ddd;padding:9px;border-radius:6px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:24px;margin-top:24px}.card{text-align:left;padding:0;min-width:0}.poster{aspect-ratio:2/2.8;border-radius:9px;background:linear-gradient(145deg,var(--color),#171a22);position:relative;padding:18px;display:flex;align-items:end;overflow:hidden;box-shadow:0 10px 20px #0003}.poster:before{content:'▶';position:absolute;font-size:36px;top:35%;left:40%;opacity:.4}.poster strong{font-size:23px;line-height:1.15;overflow-wrap:anywhere}.poster .tag{position:absolute;top:13px;left:13px;font-size:10px;letter-spacing:1px;background:#0005;padding:5px;border-radius:4px}.card h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:13px 0 5px}.card p{font-size:12px;color:var(--muted);margin:0}.bar{position:absolute;bottom:0;left:0;height:4px;background:var(--accent)}#empty{text-align:center;padding:32px 0 40px}.empty-icon{color:#d1a76d;font-size:36px}#empty h3{font-size:21px;font-weight:500}#empty p{color:var(--muted);line-height:1.8;font-size:14px}small{display:block;color:#767880;margin-top:20px;font-size:11px}footer{border-top:1px solid #27282d;padding:24px 0;font-size:9px;letter-spacing:2px;color:#7b7c83}footer span{float:right;letter-spacing:0}dialog{border:1px solid #454249;background:#1c1d22;color:#eee;border-radius:15px;padding:32px;width:min(540px,92vw)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog label{display:block;color:#bbb;font-size:13px;margin:22px 0}dialog input,dialog select{display:block;width:100%;margin-top:10px;padding:12px;background:#121317;color:white;border:1px solid #45464d;border-radius:6px}dialog p{font-size:13px;color:#aaa;line-height:1.7}.close{position:absolute;right:8px;top:6px;font-size:26px}#playerDialog{width:min(1100px,95vw)}video{width:100%;max-height:70vh;background:black}#message,#folderError,#playerError{color:#eac28b}button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){.hero-art{opacity:.3;right:-70px}.hero h1,.hero p,.hero button{position:relative;z-index:1}main{padding:0 24px}aside{width:185px}main{margin-left:185px}.hero{padding:30px}header{gap:6px}}@media(max-width:650px){aside{position:relative;width:100%;padding:18px}.logo{font-size:28px}.label,.server{display:none}nav{display:flex;margin-top:20px;gap:0}nav button{padding:9px;font-size:12px}main{margin:0;padding:0 18px}header{height:auto;flex-wrap:wrap;padding:20px 0}.search{flex-basis:100%}.hero h1{font-size:36px}.hero{min-height:340px;padding:25px}.hero-art{display:none}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-heading .eyebrow{font-size:8px}h2{font-size:21px}footer span{display:none}}

/* Media details and playback preparation */
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster.has-image strong,.poster.has-image:before{display:none}.poster .tag{z-index:1}.poster .bar{z-index:2}.card .summary{font-size:11px;margin-top:6px;color:#c7ae8c}.player-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.player-toolbar label{margin:0;display:flex;gap:10px;align-items:center}.player-toolbar select{width:auto;margin:0;padding:8px;max-width:240px}.player-toolbar span{font-size:12px;color:#b6baad}#conversion{padding:20px;background:#252321;border:1px solid #4c4031;border-radius:10px;margin:20px 0}#conversion[hidden]{display:none}.conversion-heading{display:flex;align-items:center;justify-content:space-between}progress{width:100%;height:10px;accent-color:var(--accent)}#details{margin-bottom:20px}#facts{color:#e0bb82}#metadataSource{font-size:12px;color:#f1b65b}#matchForm{display:flex;gap:8px;margin-top:12px}#matchForm input{margin:0;flex:1;min-width:0}#matchForm button{white-space:nowrap;font-size:12px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;margin:0}.credits{margin-top:22px;padding-top:16px;border-top:1px solid #35363b;font-size:11px;color:#96979f}.credits a{color:#dfba80}.credits p{font-size:11px}#settingsDialog{max-height:90vh}#settingsMessage,#keyStatus{color:#e0bb82}#playerDialog{max-height:94vh;overflow-y:auto}#overview{max-width:850px}#video[hidden]{display:none}header .quiet{font-size:13px;padding:10px}#settingsForm .check{display:flex}#settingsForm .check input{display:inline-block;width:18px}#folderDialog button:disabled{cursor:wait}