.theme-button{width:34px;height:34px;display:grid;place-items:center;background:#25212f;color:#c4afd9;border:1px solid #43374e;border-radius:50%;font-size:23px;flex-shrink:0}.theme-dialog{padding:33px;width:min(560px,calc(100% - 28px))}.theme-dialog h2{font-size:28px;margin:20px 0 12px}.theme-dialog>p{font-size:11px;color:#9f92b2;line-height:1.8}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.theme-options>button{text-align:left;padding:10px;border:1px solid #45394e;border-radius:12px;background:#25202d;color:#d3c1e6}.theme-options>button[aria-pressed=true]{border-color:#c6a3f1;box-shadow:0 0 0 2px #c6a3f120}.theme-options strong{display:block;font-size:12px;margin:13px 3px 5px}.theme-options small{font-size:8px;color:#9e8bb1;margin:0 3px}.theme-swatch{height:76px;display:flex;align-items:end;gap:5px;padding:10px;border-radius:7px;background:#18151e}.theme-swatch i{display:block;background:#524261;flex:1;border-radius:3px;height:37px}.theme-swatch i:nth-child(2){height:48px}.swatch-light{background:#f2edf7}.swatch-light i{background:#bcb0d0}.swatch-black{background:#030305}.swatch-black i{background:#25202b}
html[data-theme=black]{color-scheme:dark}html[data-theme=black] body{background:#050507}html[data-theme=black] .moon:after{background:#050507}html[data-theme=black] .hero{background:#0d0b13;border-color:#27202f}html[data-theme=black] .hero:before{background:radial-gradient(ellipse at 85% 20%,#34264344,transparent 65%)}html[data-theme=black] .search,html[data-theme=black] .filters,html[data-theme=black] dialog{background:#0d0b11;border-color:#2c2535}html[data-theme=black] .bottom-nav{background:#08070cf5;border-color:#302539}html[data-theme=black] .detail-hero{background:linear-gradient(135deg,#1c1327,#0c0910)}html[data-theme=black] .track-panel,html[data-theme=black] .season-switch,html[data-theme=black] .notify-panel,html[data-theme=black] .theme-options>button{background:#100c16;border-color:#35293e}html[data-theme=black] .episode-grid button,html[data-theme=black] .filter-fields select,html[data-theme=black] .filter-fields input,html[data-theme=black] .theme-button{background:#131019;border-color:#3a2e43}html[data-theme=black] .episode-grid button[aria-pressed=true]{background:#c8aff4;color:#21132c}
html[data-theme=light]{color-scheme:light}html[data-theme=light] body{background:#f4f2f8;color:#30293c}html[data-theme=light] .moon:after{background:#f4f2f8}html[data-theme=light] .logo{color:#30253f}html[data-theme=light] .header-note{color:#8a7d98}html[data-theme=light] .hero{background:#e7dff3;border-color:#d3c5e3}html[data-theme=light] .hero:before{background:radial-gradient(ellipse at 90% 30%,#a888d830,transparent 65%)}html[data-theme=light] h1{color:#30233d}html[data-theme=light] h1 em{color:#79539f}html[data-theme=light] .hero p{color:#756582}html[data-theme=light] .eyebrow,html[data-theme=light] .hero-label{color:#877091}html[data-theme=light] .hero-collage{opacity:.75}html[data-theme=light] .button.light{background:#71508d;color:#fff}html[data-theme=light] .light:hover{background:#825ca2}html[data-theme=light] .search,html[data-theme=light] .filter-button,html[data-theme=light] .filters{background:#fff;border-color:#dad1e4;color:#776186}html[data-theme=light] .search input{color:#35273e}html[data-theme=light] .tabs{border-color:#d9d0e2}html[data-theme=light] .tabs button{color:#87758f}html[data-theme=light] .tabs button.active{color:#714892}html[data-theme=light] .tabs button.active:after{background:#956bad}html[data-theme=light] .anime-card h3{color:#3d3048}html[data-theme=light] .card-meta{color:#918297}html[data-theme=light] .poster{border-color:#d7ccdf;background:#e9e1f0}html[data-theme=light] .outline,html[data-theme=light] .icon-button,html[data-theme=light] .theme-button{border-color:#d2c2de;background:#ebe4f1;color:#735386}html[data-theme=light] .bottom-nav{background:#fffffff2;border-color:#dacfe3;box-shadow:0 12px 40px #5a3f7519}html[data-theme=light] .bottom-nav button{color:#967ca6}html[data-theme=light] .bottom-nav button.active{color:#704390;background:#eee3f6}html[data-theme=light] footer{border-color:#dcd3e5;color:#96869e}html[data-theme=light] footer a{color:#82648e}html[data-theme=light] dialog{background:#fdfbff;border-color:#d5c6e0;color:#38283f}html[data-theme=light] .detail-hero{background:linear-gradient(125deg,#e9dff4,#f2ecf7)}html[data-theme=light] .detail-meta{color:#8a7198}html[data-theme=light] .detail-genres span{color:#856393;background:#ffffff80;border-color:#dac9e3}html[data-theme=light] .synopsis{color:#6c5977}html[data-theme=light] .muted,html[data-theme=light] #info p{color:#917d9b}html[data-theme=light] .season-switch,html[data-theme=light] .track-panel,html[data-theme=light] .notify-panel,html[data-theme=light] .availability,html[data-theme=light] .theme-options>button{background:#f1eaf7;border-color:#d9c9e5;color:#715e7d}html[data-theme=light] .season-switch select,html[data-theme=light] .filter-fields input,html[data-theme=light] .filter-fields select,html[data-theme=light] .track-panel select,html[data-theme=light] .episode-heading select{background:#fff;border-color:#d4c1e0;color:#634674}html[data-theme=light] .episode-grid button,html[data-theme=light] .audio-options button{background:#eee6f5;border-color:#d5c2e1;color:#906c9e}html[data-theme=light] .episode-grid button[aria-pressed=true],html[data-theme=light] .audio-options button.active{background:#7c559b;color:white;border-color:#7c559b}html[data-theme=light] .source-note{background:#f1eedf;border-color:#d8d1b4;color:#8c8058}html[data-theme=light] .disclosure,html[data-theme=light] .watch-status{color:#95829f}html[data-theme=light] .provider-row a{color:#856099}html[data-theme=light] .theme-options strong{color:#694b7e}html[data-theme=light] .theme-options>button[aria-pressed=true]{border-color:#9365b2}html[data-theme=light] .skeleton .poster{background:linear-gradient(110deg,#e6dded,#f1eaf7,#e6dded);background-size:220% 100%}html[data-theme=light] .close-button{background:#ffffffed;color:#765287;border-color:#d7c9e2}
@media(max-width:600px){.theme-dialog{padding:30px 21px}.theme-options{gap:8px}.theme-options>button{padding:8px}.theme-options strong{font-size:11px}.theme-options small{font-size:7px}.theme-dialog h2{font-size:24px}.theme-button{height:30px;width:30px;font-size:21px}header{gap:10px}.header-note{margin-left:auto;max-width:86px}}

/* Fixed icon geometry avoids font-baseline shifts in mobile WebViews. */
header > .theme-button,header > .icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;line-height:1;appearance:none;-webkit-appearance:none;border-radius:50%;vertical-align:middle}
header > .theme-button svg,header > .icon-button svg{display:block;width:20px;height:20px;margin:0;flex:none}
header .logo{flex-shrink:0;line-height:1}
header .moon{display:block;flex:0 0 25px;width:25px;height:25px}
@media(max-width:600px){header{gap:8px}header .header-note{min-width:0;flex:1;margin-left:auto;max-width:none}header > .theme-button,header > .icon-button{flex-basis:40px;width:40px;height:40px}header .logo{gap:8px}.logo-jp{margin-left:1px}}
@media(max-width:360px){header .header-note{font-size:5px;letter-spacing:.6px}header{padding-left:16px;padding-right:16px;gap:6px}}
@media(max-width:420px){header .header-note{display:none}header > .theme-button{margin-left:auto}header{gap:10px}}
