:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#263b30;background:#f5f5ef;font-size:14px;--green:#245f49;--line:#dce1d4}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:225px;padding:32px 25px;background:#e9eddf;border-right:1px solid var(--line)}a{color:var(--green)}.brand{display:block;text-decoration:none;font-size:24px;letter-spacing:3px;line-height:1.65;white-space:nowrap}.brand strong{display:block}.brand small{font-size:9px;letter-spacing:2.5px;display:block}aside p{font-size:12px;color:#7a826c;margin:25px 0}aside>a:not(.brand){font-size:12px}.side-note{position:absolute;bottom:28px;font-size:11px;line-height:2;color:#79816c}main{margin-left:225px;padding:42px 42px 25px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a9079}h1{font-weight:500;font-size:34px;margin:14px 0}h2{font-size:23px;font-weight:500}h3{font-size:15px}.pill{border:1px solid #d0dac5;border-radius:25px;padding:10px 15px;white-space:nowrap;font-size:11px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:22px}.unlock{max-width:700px;margin:55px auto}.unlock p{line-height:1.9}.muted{color:#7d846f;font-size:12px;line-height:1.9}label{font-size:12px;display:block}input,select,button{font:inherit;border-radius:8px;padding:12px 14px;border:1px solid #d2dac9;color:inherit;background:white}input,select{min-width:0}button{cursor:pointer;background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fffefa;color:var(--green);border-color:#cdd8c4}.row,.search-row{display:flex;align-items:center;gap:10px}.row input,.search-row>input{flex:1}.search-row>input{font-size:17px}.filters{display:flex;gap:17px;align-items:flex-end;flex-wrap:wrap;margin-top:20px}.filters label>input,.filters label>select{display:block;margin-top:7px;font-size:12px}.filters .check{display:flex;align-items:center;gap:6px;padding-bottom:10px}.check input{margin:0;accent-color:var(--green)}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 12px}.toolbar button{font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fffefa}.poster{position:relative;aspect-ratio:16/9;background:#e0e5d8;display:grid;place-items:center;cursor:pointer;overflow:hidden;color:#7d886e;font-size:12px}.poster img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;bottom:9px;right:9px;background:#fffffff0;border-radius:5px;padding:5px 8px;font-size:10px}.card-body{padding:18px}.card h3{line-height:1.7;margin:0 0 9px;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.chip{font-size:11px;padding:5px 8px;border-radius:5px;background:#edf0e4;color:#667b56}.chip.match{background:#d7e8b9;color:#294a1a}.card button{font-size:12px;background:transparent;color:var(--green);border:0;padding-left:0}.card p{margin:7px 0}.error{color:#aa4738}footer{font-size:11px;color:#8b907f;margin-top:40px;line-height:1.8}#more{display:block;margin:25px auto}#more[hidden],[hidden]{display:none!important}dialog{width:min(960px,95vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:28px;color:inherit;background:#fffefa}dialog::backdrop{background:#20342680;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{overflow-wrap:anywhere}#poster{max-height:360px;max-width:100%;display:block;margin:10px auto;background:#e8eddf}.tag-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf0e6}.tag-row>div{flex:1}.tag-row p{font-size:12px;color:#7b846f;margin:6px 0}.tag-row button{font-size:11px}.tag-row small{color:#839174}.panel h3{margin-top:0}@media(max-width:900px){aside{width:180px;padding:25px 15px}.brand{font-size:21px}main{margin-left:180px;padding:25px 20px}.filters{gap:12px}}@media(max-width:650px){aside{position:static;width:100%;border:0;padding:18px 22px}.brand{font-size:19px;display:flex;gap:8px;align-items:center}.brand strong{display:inline}.brand small,.side-note,aside p,aside>a:not(.brand){display:none}main{margin:0;padding:22px 16px}h1{font-size:27px}.pill{display:none}.search-row{flex-wrap:wrap}.search-row>input{flex-basis:100%}.toolbar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}.row input{flex-basis:100%}#addForm select{width:100%}}
#player{width:100%;aspect-ratio:16/9;max-height:65vh;border:0;border-radius:10px;background:#111;display:block;margin:12px auto}.poster::after{content:'▶';position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#183a2dcc;color:white;font-size:19px;pointer-events:none}
.poster.drive-hover::after{display:none}.hover-drive{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111;z-index:3}.hover-drive-note{position:absolute;bottom:0;left:0;right:0;z-index:4;background:#173e2ccf;color:white;text-align:center;font-size:10px;padding:3px 6px;pointer-events:none}
.card:has(.drive-hover){position:relative;overflow:visible;z-index:20}.poster.drive-hover{overflow:visible;--drive-hover-height:min(360px,70vh)}.poster.drive-hover .hover-drive{height:var(--drive-hover-height);border-radius:10px;box-shadow:0 10px 30px #16382955}.card .hover-drive-open{position:absolute;top:0;left:0;width:100%;height:calc(var(--drive-hover-height) - 56px);z-index:5;border:0;border-radius:10px 10px 0 0;background:transparent;padding:0;cursor:zoom-in}.hover-drive-note{display:none}.poster img{object-fit:contain;background:#111}