@charset "UTF-8";
:root{color-scheme:dark;--bg:#101111;--panel:#191a1b;--text:#ecebe7;--muted:#8b8d8b;--accent:#d5eb89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{border:0;color:inherit;background:none}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:218px;border-right:1px solid #292b29;padding:37px 23px;background:#131514;z-index:3}.brand{display:flex;gap:12px;font-size:30px;color:var(--accent);align-items:center}.brand span{font-weight:700;font-size:24px;color:var(--text);letter-spacing:4px}.brand small{display:block;font-size:16px;letter-spacing:2px;font-weight:400;color:#91998a}.navlabel{font-size:16px;letter-spacing:2px;color:#6d746e;margin:65px 13px 18px}.nav{display:block;width:100%;padding:13px;text-align:left;border-radius:7px;margin:7px 0;color:#a7ada6}.nav:hover,.nav.active{background:#272e22;color:var(--accent)}.aside-bottom{position:absolute;bottom:30px;font-size:16px;color:#b8c0b2}.aside-bottom small{display:block;color:#67705f;font-size:16px;margin:6px 0 0 12px}.aside-bottom i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:100%;margin-right:7px}main{margin-left:218px;padding:0 42px}header{height:94px;display:flex;align-items:center;justify-content:space-between;color:#848a82;font-size:16px}.search{background:#1c1e1c;display:flex;align-items:center;border:1px solid #30332e;border-radius:8px;padding:8px 12px;width:350px;font-size:21px}.search input{background:none;border:0;outline:none;color:#ddd;width:100%;padding:0 10px;font-size:16px}kbd{font-size:16px;border:1px solid #43483e;border-radius:3px;padding:0 5px}.hero{position:relative;overflow:hidden;min-height:425px;border-radius:13px;background:#252c20;display:flex;align-items:center;padding:45px 50px}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#1e271df5 0%,#1e271dd9 35%,#1e271d50 72%),radial-gradient(ellipse at 75% 75%,#8b9675 0,transparent 36%),repeating-linear-gradient(115deg,#65715366 0 2px,transparent 2px 130px);background-size:cover;background-position:center}.hero:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #d5eb8929;border-radius:50%;right:3%;top:10%;box-shadow:0 0 0 65px #d5eb8907,0 0 0 130px #d5eb8904;pointer-events:none}.hero-content{z-index:1}.eyebrow{color:var(--accent);letter-spacing:3px;font-size:16px;font-weight:600;margin:0 0 15px}h1{font-size:43px;line-height:1.4;font-weight:550;letter-spacing:2px;margin:0 0 15px}h1 span{color:var(--accent)}.intro{color:#acb5a4;line-height:1.9;font-size:16px;margin-bottom:26px}.primary{background:var(--accent);color:#243019;font-size:16px;font-weight:650;padding:12px 21px;border-radius:5px}.text-link{font-size:16px;margin-left:22px;color:#c5cebc}.hero-number{z-index:1;margin-left:auto;font-size:40px;font-weight:200;line-height:1.1;letter-spacing:6px;color:#dceac97a;padding:0 20px}.hero-number b{font-weight:600}.hero-number span{display:block;font-size:16px;letter-spacing:3px;margin-top:20px;color:#cbd8ba}#library{padding-top:40px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head .eyebrow{color:#818b75;font-size:16px;margin-bottom:5px}h2{font-size:22px;font-weight:500;margin:0}#count{font-size:16px;background:#262c22;border:1px solid #3b4532;color:#c5d6b2;border-radius:20px;padding:3px 10px;margin-left:8px}#stats{font-size:16px;color:#808779}.filters{display:flex;gap:10px;align-items:center;margin:24px 0}.filters>div{display:flex;gap:7px;margin-right:auto}.chip{border:1px solid #33372f;border-radius:5px;padding:6px 13px;color:#9fa795;font-size:16px}.chip.selected{background:#d5eb89;color:#253219;border-color:#d5eb89}select{background:#1c1f1b;border:1px solid #33392f;color:#a9b29f;border-radius:5px;padding:7px 12px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}.card{min-width:0}.poster{position:relative;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:linear-gradient(150deg,var(--c),#131a18 75%);display:flex;align-items:flex-end;padding:19px;text-align:left;width:100%;box-shadow:0 6px 15px #0003}.poster:before{content:'';position:absolute;inset:15% -30% -40% 30%;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 80px #ffffff04;transform:rotate(-25deg)}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091009cf,transparent 70%)}.poster-title{z-index:1;font-size:23px;font-weight:600;line-height:1.5;letter-spacing:2px;overflow-wrap:anywhere;text-shadow:0 2px 9px #0009}.poster img~.poster-title{display:none}.badge{position:absolute;z-index:2;top:10px;left:10px;background:#131810d9;border:1px solid #a7ba8760;border-radius:3px;padding:1px 6px;font-size:16px;color:#dae6c9}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:1px solid #fff7;border-radius:100%;width:44px;height:44px;display:grid;place-items:center;background:#0007;opacity:0;transition:opacity .2s}.poster:hover .play-icon{opacity:1}.poster:hover{filter:brightness(1.12)}.card h3{font-size:16px;margin:10px 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.meta{display:flex;justify-content:space-between;font-size:16px;color:#7d8776}.more{display:block;border:1px solid #3b4532;color:#bdc9ae;border-radius:6px;padding:10px 35px;margin:35px auto}footer{border-top:1px solid #282d25;color:#66705e;font-size:16px;padding:25px 0;display:flex;justify-content:space-between}#notice{color:#a8b596;font-size:16px;margin-bottom:15px}dialog{border:1px solid #46513d;background:#151a14;border-radius:12px;color:#e3eadb;width:min(1050px,94vw);max-height:95vh;padding:22px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.player-head{display:flex;justify-content:space-between;align-items:center}.player-head h2{font-size:19px}.player-head p{font-size:16px;color:#8e9a81;margin:4px 0 15px}#close{font-size:25px}video{display:block;width:100%;max-height:62vh;background:#000}.player-tools{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.player-tools button,.player-tools a,.seek button{border:1px solid #424e37;border-radius:4px;padding:6px 12px;font-size:16px}.player-tools button:hover{background:#35402b}.seek{font-size:16px;color:#a9b59c}.seek input{width:65px;background:#222c1b;border:1px solid #434e38;color:#dce7ce;border-radius:4px;padding:5px}#player-status{font-size:16px;color:#8e9a81}.empty{grid-column:1/-1;padding:70px;text-align:center;color:#849477}@media(min-width:1600px){.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:1100px){aside{width:180px}main{margin-left:180px;padding:0 25px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-number{display:none}}@media(max-width:760px){aside{position:relative;width:auto;height:auto;padding:18px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #30382a}.brand{margin-right:auto}.brand span{font-size:19px}.brand small,.navlabel,.aside-bottom{display:none}.nav{width:auto;font-size:16px;padding:8px;margin:0}main{margin:0;padding:0 18px}header{height:75px}header>span{display:none}.search{width:100%}.hero{padding:30px 25px;min-height:340px}h1{font-size:31px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.poster{padding:10px}.poster-title{font-size:17px}.filters{flex-wrap:wrap}.filters>div{width:100%}.chip{padding:5px 10px}.section-head{align-items:flex-end}#stats{font-size:16px;max-width:90px}.text-link{margin-left:15px}}

aside{overflow-y:auto}.lists-label{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.lists-label button{font-size:20px;color:var(--accent)}.no-lists{font-size:16px;color:#78836c;margin-left:12px}.list-nav{display:flex;align-items:center}.list-nav .nav{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.list-nav small{color:#81916f}.delete-list{color:#65715c;font-size:18px}.delete-list:hover{color:#d5eb89}.genre-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 8px}.genre-chip{padding:6px 10px;border-radius:5px;background:#1b2018;color:#9ca990;font-size:16px;border:1px solid #2c3526}.genre-chip small{margin-left:7px;color:#6e7d61;font-size:16px}.genre-chip.selected{border-color:#b6cf7e;color:#daecb6;background:#2d3823}.card-actions{display:flex;gap:5px;margin-top:9px}.card-actions button{font-size:16px;background:#1b2117;border:1px solid #333d2a;border-radius:4px;padding:3px 7px;color:#92a17e}.card-actions button:first-child{margin-right:auto}.on,.card-actions button.on{color:var(--accent)!important;border-color:#7f9854!important;background:#303d22!important}.watch-badge{position:absolute;right:8px;bottom:9px;z-index:2;font-size:16px;color:#e1efc8;background:#1b2715dc;padding:2px 6px;border-radius:3px}.movie-organize{border-top:1px solid #303b26;border-bottom:1px solid #303b26;padding:13px 0;margin-bottom:15px}.status-tools{display:flex;gap:8px}.status-tools button{border:1px solid #435135;border-radius:5px;padding:7px 14px;font-size:16px}.detail-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;color:#a7b597;font-size:16px}.detail-row small{color:#738365}.detail-row>span{min-width:80px}#list-memberships{display:flex;gap:10px;flex-wrap:wrap}.membership{display:flex;gap:4px;align-items:center}.membership input{accent-color:#d5eb89}#new-list-player{font-size:16px;color:#c0d69d}#list-dialog{width:min(440px,92vw);padding:28px}#list-dialog p{color:#899879;font-size:16px}#list-dialog label{display:block;font-size:16px;color:#9aab89;margin-bottom:8px}#list-name{width:100%;background:#20291a;color:#e3edda;border:1px solid #4a5c37;padding:10px 12px;border-radius:5px;font-size:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:25px}.dialog-actions>button{padding:9px 15px}.poster img{object-position:center}.aside-bottom{position:static;margin-top:45px}@media(max-width:760px){aside{flex-wrap:wrap}.lists-label,#sidebar-lists{display:none}.genre-filters{gap:6px}.genre-chip{padding:4px 8px}.genre-chip small{display:none}.card-actions button{padding:2px 5px;font-size:16px}.hero .intro{max-width:270px}.detail-row{gap:8px}}

/* Larger type and roomier controls for comfortable reading. */
aside{width:240px;padding:30px 20px}main{margin-left:240px;padding:0 28px}
.nav,.list-nav .nav{font-size:18px}.navlabel{font-size:16px;letter-spacing:1px;color:#adb8a1;margin-top:38px}
.brand small,.eyebrow,.section-head .eyebrow{font-size:13px;letter-spacing:2px}
.aside-bottom,.aside-bottom small,.no-lists{font-size:16px;color:#aebaa2}
header{font-size:16px;color:#b4bfa9;gap:20px}.search{width:420px;max-width:100%;padding:12px}.search input{font-size:18px}
.intro{font-size:18px;color:#c5cebd}.primary,.text-link{font-size:18px}.hero{min-height:450px}
h2{font-size:28px}#count,#stats{font-size:16px;color:#c2ceb7}#stats{white-space:normal;text-align:right}
.section-head{gap:20px;flex-wrap:wrap}.genre-chip,.chip,select{font-size:17px;padding:9px 13px;color:#c4cfb9}.genre-chip small{font-size:15px;color:#a4b595}.genre-chip.selected small{color:#d7e7c1}
.filters{flex-wrap:wrap}.filters>div{flex-wrap:wrap}.genre-filters{gap:10px}
.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px 22px}
.card h3{font-size:21px;font-weight:600;line-height:1.5;margin-top:12px;white-space:normal;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{font-size:16px;color:#b8c5ac;gap:8px;flex-wrap:wrap}.badge,.watch-badge{font-size:15px;padding:3px 8px}.card-actions{gap:8px}.card-actions button{font-size:16px;padding:7px 9px;color:#bfcead;min-height:40px}
.more{font-size:18px}footer{font-size:16px;color:#a3b095}#notice{font-size:17px}
.player-head h2{font-size:25px}.player-head p,.player-tools button,.player-tools a,.seek,.seek button,#player-status,.status-tools button,.detail-row,.detail-row small,#new-list-player,#list-dialog p,#list-dialog label,#list-name{font-size:17px}
.player-head p,#player-status,.detail-row small{color:#b3c2a4}.status-tools{flex-wrap:wrap}.player-tools button,.player-tools a,.status-tools button,.seek button{padding:10px 14px}.seek input{font-size:18px;width:85px}.membership input{width:18px;height:18px}.detail-row{gap:12px}dialog{padding:25px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero{padding:35px}.hero h1{font-size:38px}}
@media(max-width:760px){aside{width:auto;padding:16px;gap:8px}.nav,.list-nav .nav{font-size:16px}main{margin-left:0;padding:0 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card h3{font-size:19px}.meta{font-size:16px}.card-actions{flex-wrap:wrap}.card-actions button{font-size:16px}.hero{padding:28px 22px}.hero h1{font-size:32px}.hero .intro{max-width:none}.genre-chip{font-size:16px}.genre-chip small{display:inline;font-size:14px}.section-head{align-items:flex-start}#stats{max-width:none;font-size:16px}.search{width:100%}.text-link{display:inline-block;margin:15px 0 0 0}.brand small{display:none}}

.poster.no-image .poster-title{display:block}.poster img[hidden]{display:none}

header{position:sticky;top:0;z-index:10;background:#101511ed;backdrop-filter:blur(12px);border-bottom:1px solid #2c3528}#library{scroll-margin-top:110px}
aside>.nav{display:flex;align-items:center;justify-content:space-between;gap:8px}aside .nav small{font-size:15px;color:#b5c59f}.list-nav .nav{display:flex;align-items:center;gap:6px;min-width:0}.rename-list{padding:5px;color:#aebf95;font-size:20px}.list-nav .delete-list{padding:5px}.list-nav .nav small{margin-left:auto}
.library-status{display:flex;flex-direction:column;gap:4px;align-items:flex-end}#save-state{font-size:15px;color:#a4ba8a}.display-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0 5px}.display-options label{display:flex;align-items:center;gap:10px;color:#c1cdb3}.display-options>span{font-size:15px;color:#a4b397}
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 5px;color:#b6c5a7;font-size:16px}.results-bar button{border:1px solid #647a44;padding:7px 14px;border-radius:6px;color:#d5eb89}#active-filters{color:#c6d5b5;font-size:16px;margin:6px 0 18px;overflow-wrap:anywhere}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width,220px)),1fr))}
body{font-size:calc(18px * var(--font-scale,1))}.nav,.list-nav .nav,.search input,.intro,.primary,.text-link{font-size:calc(18px * var(--font-scale,1))}.card h3{font-size:calc(21px * var(--font-scale,1))}.genre-chip,.chip,select,.player-tools button,.status-tools button,.detail-row,.seek,#player-status{font-size:calc(17px * var(--font-scale,1))}.meta,.card-actions button,.results-bar,#active-filters{font-size:calc(16px * var(--font-scale,1))}.genre-chip small,aside .nav small,#stats,#count{font-size:calc(15px * var(--font-scale,1))}.card-actions{flex-wrap:wrap}
#toast{position:fixed;bottom:24px;right:24px;z-index:50;background:#2c3921;border:1px solid #8ba961;color:#e6f2d7;padding:15px 20px;border-radius:9px;box-shadow:0 8px 30px #0008;max-width:90vw}#toast button{margin-left:18px;color:#d5eb89;text-decoration:underline;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d5eb89;outline-offset:3px}button:disabled{opacity:.45;cursor:default}
@media(max-width:760px){header{top:0;height:auto;min-height:75px;padding:10px 0}#library{scroll-margin-top:90px}.display-options{gap:12px}.display-options>span{width:100%}.library-status{align-items:flex-start}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width,220px)),1fr))}}

.playback-monitor{display:flex;gap:10px 24px;flex-wrap:wrap;padding:10px 0 15px;color:#c4d3b2;font-size:17px}#playback-health{font-weight:600;color:#d5eb89}#playback-health.buffering{color:#f2ce83}#buffer-advice{font-size:15px;color:#acb99d}.player-tools button.active-mode{background:#d5eb89;color:#263318;border-color:#d5eb89}.player-tools button{min-height:46px}
[hidden]{display:none!important}

.online-entry{display:block;text-decoration:none;color:#c8ed74!important;border:1px solid #3e5435;margin-bottom:12px}