.online-hero{padding:64px 0 35px}.online-hero h1{font-size:clamp(40px,4vw,66px);line-height:1.15;margin:18px 0}.online-hero h1 span{color:#c8ed74}.online-hero p{color:#aebbb1;line-height:1.8}#online-search{display:flex;gap:12px;max-width:850px;margin-top:25px}#online-search .search{flex:1;width:auto}#online-search input{width:100%;font-size:21px}.online-note{font-size:16px}.online-library{min-height:35vh;padding-bottom:40px}.source-progress{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 25px}.source-progress span{background:#202b24;border-radius:20px;padding:6px 12px;font-size:14px;color:#b8c9bc}.source-progress .failed{color:#e3aa9d}.online-card{background:#18211c;border:1px solid #2a382d;border-radius:14px;overflow:hidden;text-align:left;padding:0;cursor:pointer;color:inherit}.online-cover{aspect-ratio:2/3;background:linear-gradient(140deg,#34513c,#17231e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.online-cover img{position:absolute;width:100%;height:100%;object-fit:cover}.online-cover span{padding:20px;font-size:27px;color:#cfdecf}.online-card-info{padding:16px}.online-card h3{font-size:21px;line-height:1.45;margin:0 0 8px}.online-card p{font-size:16px;color:#adc1b0;margin:5px 0}.online-card:hover{border-color:#c8ed74;transform:translateY(-3px)}#online-player{width:min(1150px,94vw);max-height:94vh;background:#111a15;color:#eef4ef;border:1px solid #344a39;border-radius:18px;padding:24px}#online-video{width:100%;max-height:60vh;background:#000}#online-description{color:#aabdae;line-height:1.8;max-height:120px;overflow:auto}.episodes{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.episodes button{padding:10px 17px;border:1px solid #3b4e3f;border-radius:7px;background:#233028;color:#edf6ed}.episodes .selected{background:#c8ed74;color:#142018}#sources-dialog{width:min(800px,92vw);max-height:85vh;background:#142018;color:#eaf3eb;border:1px solid #3c5140;border-radius:18px;padding:25px}#source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}#source-options label{display:flex;gap:10px;align-items:center;font-size:18px;padding:10px;background:#1e2b22;border-radius:8px}#source-options input{width:20px;height:20px;accent-color:#c8ed74}#online-status{line-height:1.8;color:#bbcfbc}#online-player-status{color:#c8ed74;font-size:17px;line-height:1.6}a.nav{display:block;text-decoration:none}footer a{color:inherit}#online-player label{display:flex;align-items:center;gap:8px}@media(max-width:760px){.online-hero{padding-top:30px}#online-search{flex-wrap:wrap}#online-search .search{flex-basis:100%}#source-options{grid-template-columns:1fr}}
.online-filters,.online-results-head,.recent-row,.backup-tools,.episode-tools,.online-monitor{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.online-filters{padding:20px;background:#17241b;border:1px solid #2d4232;border-radius:12px;margin:18px 0}.online-filters label,.episode-tools label{display:flex;gap:8px;align-items:center;font-size:17px}.online-filters input,.episode-tools input[type=checkbox]{width:19px;height:19px;accent-color:#c8ed74}.online-results-head{justify-content:space-between;color:#bdcfbf}.recent-row{margin-top:18px;font-size:16px;color:#a6b7aa}#recent-searches{display:flex;flex-wrap:wrap;gap:8px}#recent-searches button{padding:5px 12px;background:#26372b;border-radius:16px;font-size:16px}.source-details{margin:14px 0 24px;color:#9eb4a3;font-size:16px}.source-details summary{cursor:pointer;padding:8px 0}.online-empty{padding:55px 24px;border:1px dashed #3c5142;border-radius:15px;text-align:center;color:#a7bdad;line-height:1.8}.backup-tools{border-top:1px solid #2f4435;padding:24px 0;color:#9cb2a2;font-size:16px}.backup-tools button{padding:7px 14px;background:#26372b;border-radius:7px}.episode-tools{margin:20px 0 14px}.episode-tools input[type=text],#episode-query{padding:10px 14px;background:#1d2d23;border:1px solid #425d49;border-radius:7px;color:#e9f3e9;max-width:270px;font-size:18px}.online-monitor{justify-content:space-between;font-size:16px;color:#b6d1b9}#online-buffer{white-space:nowrap}#online-player .episodes{max-height:230px;overflow:auto;padding-bottom:10px}.shelf-badge{position:absolute;left:10px;top:10px;background:#142317e6;color:#d7f1a6;padding:6px 10px;border-radius:6px;font-size:15px}.watch-progress{margin-top:10px;height:4px;border-radius:3px;background:linear-gradient(to right,#c8ed74 var(--progress),#344d3c var(--progress))}#update-banner{position:fixed;bottom:22px;left:270px;right:30px;z-index:200;background:#263e2c;border:1px solid #9cbf65;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 10px 40px #0008}#update-banner button{white-space:nowrap;background:#c8ed74;color:#172319;padding:9px 15px;border-radius:6px}#online-player .player-tools{gap:9px}#online-player .player-tools button{font-size:17px}#online-player .player-tools select{max-width:210px}aside .nav small{float:right;color:#a6bfaa;font-size:14px}#source-options small{display:block;color:#9db4a3;font-size:13px}@media(max-width:760px){#update-banner{left:14px;right:14px;bottom:14px}.online-filters{padding:12px}.backup-tools span{width:100%}.episode-tools{gap:9px}.online-monitor{gap:0}.online-filters select{max-width:100%}}

.player-update{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#2a402c;border:1px solid #597749;border-radius:8px;padding:12px 16px;margin:12px 0;font-size:16px}.player-update button{color:#d7f5a5}

#search-kind{max-width:180px;font-size:17px}.actor-panel{background:#1b2b20;border:1px solid #435f3b;border-radius:14px;padding:24px;margin-bottom:28px}.actor-panel h2{font-size:25px}.actor-panel a{color:#c5df92}#actor-works{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto}#actor-works button,.cast-links button{background:#2d4330;padding:8px 13px;border-radius:8px;font-size:17px;color:#dfedd7}#video-stage{position:relative;background:#000;width:100%}#video-stage video{display:block}#danmaku-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#video-stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#000}#video-stage:fullscreen video{width:100%;height:100%;max-height:100vh;object-fit:contain}.player-settings,.danmaku-settings{background:#17261c;border:1px solid #304a37;border-radius:9px;padding:14px 17px;margin:14px 0}.player-settings summary,.danmaku-settings summary{cursor:pointer;color:#d3e4c8;font-size:18px}.advanced-controls,.danmaku-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0}.advanced-controls label,.danmaku-controls label{display:flex;gap:7px;align-items:center;font-size:16px}.advanced-controls input[type=number],.danmaku-controls input[type=number]{width:85px;background:#23382b;color:#e7efdd;border:1px solid #4b6550;border-radius:5px;padding:6px}.advanced-controls input[type=range],.danmaku-controls input[type=range]{width:95px;accent-color:#c8ed74}.advanced-controls button,.file-button{padding:8px 12px;background:#30472f;border:1px solid #4a6746;border-radius:7px;color:#deedcd;cursor:pointer}.player-settings p,.danmaku-settings p{font-size:15px;line-height:1.7;color:#a9bdab}.cast-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.cast-links>span{font-size:16px;color:#a9c3ad}#danmaku-search-form,#local-danmaku-form,#add-platform{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}#danmaku-search-form input,#local-danmaku-form input,#add-platform input{flex:1;min-width:160px;background:#24372a;color:#e4efdb;border:1px solid #4b614b;padding:10px 12px;border-radius:6px;font-size:17px}#danmaku-search-form button,#local-danmaku-form button,#add-platform button{padding:9px 13px;background:#3d5c35;border-radius:6px;color:#e8f2df}#danmaku-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:230px;overflow:auto}#danmaku-results button{padding:10px;text-align:left;line-height:1.5;border:1px solid #3c5742;border-radius:7px;font-size:15px}#danmaku-origin{color:#c6df96;font-size:16px}#platforms-dialog{width:min(850px,94vw);max-height:88vh;overflow:auto;background:#15221a;color:#e1eddc;border:1px solid #48613f;border-radius:15px;padding:26px}#platforms-dialog p{font-size:17px;line-height:1.7;color:#a7bba8}#platform-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}#platform-links a{display:block;padding:13px 18px;background:#2b422e;color:#d6e8c0;border-radius:8px;text-decoration:none}#custom-platforms>div{display:flex;align-items:center;gap:15px;margin:10px 0}.health-tools{border-top:1px solid #3a513a;margin-top:22px;padding-top:12px}.health-row{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:10px;border-bottom:1px solid #2d4231;font-size:14px}.health-row span{color:#a9c2aa;word-break:break-word}.health-off strong{color:#d8a499}#health-report{max-height:300px;overflow:auto}#health-summary{font-size:15px;color:#abc5a6}#recheck-sources{padding:10px;background:#334c2e;border-radius:7px}@media(max-width:760px){#search-kind{max-width:100%;width:100%}.health-row{grid-template-columns:1fr}.advanced-controls,.danmaku-controls{gap:12px}.player-settings,.danmaku-settings{padding:12px}}
.online-card{position:relative}.online-cover{position:relative}.card-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-style:normal;font-size:13px;line-height:24px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2}.online-card:hover .card-remove,.card-remove:focus-visible{opacity:1}.card-remove:hover{background:#c0392b}
#undo-remove{margin-right:8px}
#danmaku-block{max-width:220px}
.online-results-head{display:flex;align-items:center;justify-content:space-between;gap:8px}

.online-card{position:relative}.online-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.online-card-open:focus-visible,.card-remove:focus-visible{outline:3px solid #c8ed74;outline-offset:-3px}.online-card>.card-remove{position:absolute;right:10px;top:10px;z-index:3;border:1px solid #758a6a;background:#16271fee;border-radius:50%;padding:0;width:34px;height:34px;font-size:18px;cursor:pointer;color:#e6efdd}

.quick-actions{display:flex;gap:8px;padding:0 15px 15px}.quick-actions button{flex:1;border:1px solid #40593f;border-radius:7px;padding:8px;background:#23362a;color:#c9d9bf;font-size:16px;cursor:pointer}.quick-actions button[aria-pressed=true]{background:#37532e;color:#d9f5a8}.actor-filter-row{display:flex;align-items:center;gap:14px;margin:16px 0}.actor-filter-row input{max-width:340px;width:100%;background:#263a2c;border:1px solid #506c46;border-radius:8px;color:#e1efd3;font-size:18px;padding:10px 13px}.actor-filter-row span{color:#aabfa5;font-size:16px}#subtitle-offset{width:80px}

#result-search{min-width:190px;flex:1;background:#23382b;border:1px solid #4d674c;border-radius:7px;color:#e2edd6;padding:11px 13px;font-size:17px}.episodes button small{display:block;font-size:14px;color:#a8bba0;margin-top:5px}.episodes button.selected small{color:#344a22}

/* Layout tuned separately for desktop and touch-sized screens. */
@media (min-width:761px){
  main{max-width:1800px}
  .online-library .grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
  .online-filters{gap:12px}
}
@media (max-width:760px){
  aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 14px;overflow:visible}
  aside .brand{grid-column:1/-1;margin:0 0 4px;font-size:24px}
  aside .nav{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:42px;padding:7px 3px;margin:0;font-size:14px;line-height:1.3;white-space:normal;text-align:center;background:#1d241e;border-radius:8px}
  aside .nav small{float:none;font-size:12px}
  aside .navlabel,aside .aside-bottom{display:none}
  main{padding:0 14px}
  main>header{display:none}
  .online-hero{padding:24px 0 18px}
  .online-hero .eyebrow{font-size:12px;letter-spacing:1.5px}
  .online-hero h1{font-size:clamp(30px,8vw,40px);margin:10px 0;letter-spacing:0}
  .online-hero p{margin:8px 0;line-height:1.55}
  #online-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:16px}
  #online-search .search{grid-column:1/-1;grid-row:1;width:100%;min-width:0;min-height:48px}
  #online-search input{font-size:16px;min-width:0}
  #search-kind{grid-column:1;width:100%;max-width:none;min-width:0;min-height:44px;font-size:16px}
  #online-search .primary{grid-column:2;grid-row:2;min-height:44px;white-space:nowrap;padding:8px 18px}
  #cancel-search:not([hidden]){grid-column:1/-1;min-height:40px}
  .recent-row{margin-top:12px;gap:6px;font-size:14px}
  .online-note{font-size:14px}
  .online-library{padding-bottom:25px}
  .section-head{align-items:center;gap:12px}
  #source-settings{border:1px solid #42563f;border-radius:8px;padding:8px 10px;font-size:15px;white-space:nowrap}
  .online-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;margin:14px 0}
  #result-search{grid-column:1/-1;width:100%;min-width:0;font-size:16px}
  .online-filters select{width:100%;min-width:0;min-height:42px;font-size:15px}
  .online-filters label{grid-column:1/-1;font-size:14px}
  #online-clear-filters{justify-self:start;font-size:14px;padding:5px 0}
  .online-library .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .online-card-info{padding:10px 10px 8px}
  .online-card h3{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere}
  .online-card p{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
  .online-cover span{padding:10px;font-size:18px;overflow-wrap:anywhere}
  .quick-actions{gap:5px;padding:0 8px 9px}
  .quick-actions button{min-width:0;min-height:40px;padding:5px 2px;font-size:13px}
  .online-empty{padding:32px 14px;font-size:15px}
  .online-results-head,#online-status,.source-details{font-size:14px}
  .backup-tools{gap:8px;font-size:14px}
  footer{flex-wrap:wrap;gap:6px;font-size:13px}
  footer span{width:100%}
  #online-player{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:12px 12px max(16px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow-y:auto}
  #online-player .player-head{gap:10px;min-height:48px}
  #online-player .player-head h2{font-size:19px;overflow-wrap:anywhere}
  #online-player .player-head p{font-size:14px;margin:2px 0 8px}
  #online-close,#sources-close,#platforms-close{min-width:44px;min-height:44px;font-size:22px}
  #video-stage{aspect-ratio:16/9;display:flex;align-items:center}
  #online-video{max-height:55vh}
  #online-player .player-tools{display:flex;gap:7px;padding:12px 0}
  #online-player .player-tools button,#online-player .player-tools select{font-size:14px;min-height:42px;max-width:100%}
  #online-player .player-tools button{padding:7px 10px}
  #online-source-select{width:100%}
  #online-player .player-tools label{font-size:14px}
  #online-player-status,.online-monitor{font-size:14px}
  #online-player-status{margin:4px 0}
  #online-description{font-size:14px}
  #online-player .player-settings summary,#online-player .danmaku-settings summary{font-size:15px;line-height:1.5}
  #sources-dialog,#platforms-dialog{width:calc(100% - 20px);max-width:none;max-height:90dvh;padding:16px}
  #source-options label{font-size:15px}
  .actor-filter-row{flex-wrap:wrap}
}

.result-kind{grid-column:1/-1;margin:14px 0 0;font-size:20px;color:#d5eb89}
@media(max-width:760px){
 .online-library .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .result-kind{margin:12px 0 2px;font-size:18px}
 .online-card{display:flex;align-items:center;gap:4px;padding:4px 8px}
 .online-card-open{flex:1;min-width:0}
 .online-cover{display:none}
 .online-card-info{padding:8px 4px}
 .online-card h3{font-size:16px;line-height:1.35}
 .online-card p{font-size:13px;margin:3px 0}
 .online-card p:nth-of-type(2){display:none}
 .quick-actions{flex:none;gap:4px;padding:0}
 .quick-actions button{font-size:13px;padding:6px;min-height:40px}
 .online-card>.card-remove{position:static;flex:none}
}