:root{--eco-card:var(--surface);--eco-line:rgba(245,165,213,.22);--eco-blue:#a4ddf5;--eco-brand-pink:#f5a5d5;--eco-accent:var(--pink);--eco-gold:#f4d984}.eco-card,.eco-quote{background:var(--eco-card);border:1px solid var(--eco-line);border-radius:22px;padding:24px;margin:0 0 20px}.eco-card h2{font-size:1.3rem;margin:8px 0 18px}.eco-card p,.eco-footnote{color:#aaaab7;font-size:.85rem;line-height:1.8}.eco-kicker{font-size:.64rem;letter-spacing:.16em;color:var(--eco-accent);font-weight:800}.eco-split,.eco-modal-head,.eco-inline,.eco-task{display:flex;justify-content:space-between;align-items:center;gap:14px}.eco-card button,.eco-dialog button,.eco-toolbar button{border:1px solid #494a55;background:var(--surface-2);color:#f6f4fa;border-radius:12px;padding:12px 18px;font:inherit;cursor:pointer}.eco-card button:hover,.eco-dialog button:hover{border-color:var(--eco-accent)}.eco-card button:disabled,.eco-dialog button:disabled{opacity:.5;cursor:not-allowed}.eco-card button.eco-primary,.eco-dialog button.eco-primary{background:linear-gradient(115deg,var(--eco-blue),var(--eco-brand-pink));color:#210e26;border:0;font-weight:800}.eco-primary{width:100%}.eco-intro{background:radial-gradient(at 100% 0,rgba(245,165,213,.18),transparent 65%),var(--surface)}.eco-intro h2{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.45}.eco-inline>*{flex:1}.eco-gold{color:var(--eco-gold)}.eco-accent{color:var(--eco-accent)}.eco-muted{color:#9898a6;font-size:.78rem}.eco-dialog{color:#faf8ff;background:var(--surface);width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #444650;border-radius:24px;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0009}.eco-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.eco-modal-head{margin-bottom:20px}.eco-modal-head h2{font-size:1.4rem;margin:6px 0}.eco-dialog .eco-close{width:38px;height:38px;padding:0;border-radius:50%;font-size:24px}.eco-segments{display:flex;background:var(--surface-2);border-radius:13px;padding:4px;margin:18px 0}.eco-segments button{flex:1;border:0;background:transparent;padding:12px 6px;font-weight:700}.eco-segments button[aria-pressed=true]{background:var(--surface-3);color:var(--eco-accent)}.eco-segments.small{width:72%;margin:18px auto}.eco-balance{text-align:center;color:#bbb;font-size:.85rem}.eco-balance strong{color:var(--eco-gold);margin-left:10px;font-size:1.2rem}.eco-banner{display:grid;gap:6px;background:linear-gradient(120deg,#33213e,#333038);padding:17px;border-radius:14px;margin:16px 0}.eco-banner b{color:var(--eco-gold)}.eco-banner span{color:#c6c5cd;font-size:.78rem;line-height:1.6}.eco-packs{display:grid;gap:12px}.eco-dialog .eco-pack{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px;background:var(--surface-2);gap:14px}.eco-pack>span{display:grid;gap:5px}.eco-pack b{font-size:1.35rem}.eco-pack small{color:var(--eco-accent);font-size:.76rem}.eco-pack span span{font-size:.76rem;color:#aaa}.eco-pack>strong{font-size:1.08rem;white-space:nowrap}.eco-pack em{font-size:.64rem;justify-self:start;padding:3px 7px;background:var(--eco-accent);color:#210e26;border-radius:5px;font-style:normal}.eco-dialog .recommended{border-color:var(--eco-accent)}.eco-plans{display:grid;gap:16px}.eco-plan{position:relative;border:1px solid var(--eco-line);border-radius:16px;padding:22px;background:var(--surface-2)}.eco-plan h3{margin:2px 0 16px}.eco-plan>strong{font-size:1.6rem}.eco-plan strong small{font-size:.8rem;color:#aaa}.eco-plan p{font-size:.85rem;line-height:1.6;color:#c3c1cc}.eco-tag{position:absolute;right:14px;top:0;background:var(--eco-accent);color:#210e26;font-size:.65rem;padding:4px 10px;border-radius:0 0 8px 8px}.eco-status{padding:12px;background:#313027;color:#e4d69f;border-radius:10px;text-align:center;font-size:.78rem}.eco-error{color:#ffb2c4;font-size:.85rem}.eco-quote{padding:18px}.eco-quote>span{font-size:.75rem;color:var(--eco-accent)}.eco-quote p,.eco-quote details{font-size:.8rem;line-height:1.7;color:#c6c2ce}.eco-quote details{margin-bottom:18px}.eco-quote h3{margin:10px 0}.eco-quote strong{color:var(--eco-gold)}.eco-checkin{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0}.eco-checkin>div{display:grid;gap:8px;text-align:center;padding:12px 2px;background:#2c2d34;border-radius:10px;border:1px solid transparent}.eco-checkin>div.today{border-color:var(--eco-accent);background:#35203f}.eco-checkin small{font-size:.61rem;color:#b5b2c0}.eco-checkin b{color:var(--eco-gold);font-size:1.3rem}.eco-checkin strong{font-size:.8rem}.eco-task{padding:18px 0;border-bottom:1px solid var(--eco-line);font-size:.86rem}.eco-task:last-of-type{border-bottom:0}.eco-task>div{flex:1}.eco-task small{display:block;color:#a3a1af;font-size:.72rem;margin-top:6px}.eco-task progress{display:block;width:100%;height:5px;margin-top:10px;accent-color:var(--eco-accent)}.eco-task button{padding:8px 13px;font-size:.8rem;white-space:nowrap}.eco-footnote a{color:#bfbbcd}.eco-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.eco-toolbar input,.eco-toolbar select,.eco-card select{color:white;background:#2b2b32;border:1px solid #484852;padding:10px;border-radius:10px;min-width:0}.eco-toolbar button[aria-pressed=true]{border-color:var(--eco-accent);color:var(--eco-accent)}.eco-history-row{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--eco-line)}.eco-history-row img{width:56px;height:82px;border-radius:7px;object-fit:cover}.eco-history-row>div{flex:1;min-width:0}.eco-history-row h3{font-size:.92rem;margin:4px 0}.eco-history-row p{margin:6px 0}.eco-history-row button{font-size:.74rem;padding:7px 10px;margin:4px}.eco-history-row progress{width:100%;height:4px;accent-color:var(--eco-accent)}.eco-empty{text-align:center;padding:36px 12px;color:#aaa}.eco-ledger{padding:16px 0;border-bottom:1px solid var(--eco-line)}.eco-ledger small{display:block;margin-top:8px;color:#999;overflow-wrap:anywhere}.eco-subscription dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:.84rem}.eco-subscription dd{margin:0}.eco-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.eco-stat-grid button{background:#22232a;color:white;border:1px solid var(--eco-line);padding:22px;border-radius:18px;text-align:left}.eco-stat-grid strong{display:block;font-size:1.8rem;color:var(--eco-gold);margin-top:10px}.eco-stat-grid small{display:block;color:#aaa}.eco-card summary{cursor:pointer;font-weight:700}.eco-card summary:focus-visible,.eco-card button:focus-visible,.eco-dialog button:focus-visible,.eco-toolbar button:focus-visible{outline:2px solid var(--eco-accent);outline-offset:3px}@media(max-width:540px){.eco-card{padding:18px;border-radius:18px}.eco-dialog{padding:20px}.eco-inline{flex-direction:column;align-items:stretch}.eco-checkin{gap:4px}.eco-split{flex-wrap:wrap}.eco-task{gap:10px}.eco-stat-grid{gap:10px}.eco-stat-grid button{padding:17px}.eco-toolbar button{font-size:.8rem;padding:9px 11px}}

/* Extend the original neon brand; do not leak wallet focus styling to other dialogs. */
.eco-segments button[aria-pressed=true]{background:linear-gradient(110deg,rgba(164,221,245,.12),rgba(245,165,213,.17));color:#ffb9ed;box-shadow:inset 0 0 0 1px rgba(245,165,213,.25)}
.eco-card button:hover,.eco-dialog button:hover{box-shadow:0 0 16px rgba(255,79,216,.12)}
.eco-dialog .eco-close{color:#ffb9ed;border:1px solid rgba(245,165,213,.35);background:#23172e;flex:none;display:grid;place-items:center}
.eco-intro{border-color:rgba(245,165,213,.28)}
.eco-tag,.eco-pack em{background:linear-gradient(115deg,var(--eco-blue),var(--eco-brand-pink))}

.google-login-button{display:flex;justify-content:center;min-height:44px;margin:24px auto 12px;width:100%}#googleLoginStatus{font-size:14px;line-height:1.6;color:#cbc3d8}.admin-login-details{margin-top:24px;border-top:1px solid #e9a0d533;padding-top:16px}.admin-login-details summary{cursor:pointer;font-size:14px;color:#d5b8d5}.login-pill.is-signed-in{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Google owns the button interior; isolate the iframe from the site's dark color scheme. */
.google-login-button{width:fit-content;max-width:100%;border-radius:999px;color-scheme:light;background:transparent}
.google-login-button iframe{color-scheme:light;border-radius:999px;background:transparent!important}
.login-pill.is-confirming-logout{background:#382035;color:#ffd7f4;border:1px solid #ff78db;box-shadow:0 0 16px #ed58cd24}

.desktop-nav{display:none}.account-dropdown{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 10px);width:164px;padding:6px;border:1px solid #ff8ad044;border-radius:16px;background:#1c1425;box-shadow:0 16px 44px #0009;z-index:100}
.account-menu[hidden]{display:none}.account-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#fffaff;border-radius:10px;padding:12px 16px;font-size:15px;cursor:pointer}.account-menu button:hover,.account-menu button:focus-visible{background:#ff4fd824;outline:2px solid #ff8ed5}.account-menu [data-logout]{color:#ffb7e6}
.header-coins{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:36px;padding:0 10px;border-radius:99px;border:1px solid #ffd1ec;background:linear-gradient(120deg,#ff58cc,#fface5);color:#290e26;font-weight:800;cursor:pointer;box-shadow:0 0 16px #ff4fd840}.header-coins>span:first-child{font-size:24px;line-height:1}.header-coin-label{font-size:13px}.header-coins:hover{filter:brightness(1.12)}
@media(max-width:979px){.header-coin-label{display:none}.top-actions{gap:7px}.topbar .login-pill{max-width:118px}}
@media(min-width:980px){
 :root{--nav-h:0px}.bottom-nav{display:none}.top-actions{gap:14px;align-items:center}.desktop-nav{display:flex;gap:4px;align-items:center}.desktop-nav .nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;font-size:15px;border-radius:99px;color:#c9bfd3;background:transparent}.desktop-nav .nav-item::before,.desktop-nav .nav-item::after{display:none}.desktop-nav .nav-item.is-active{color:#ff92e6;background:#ff4fd81a}.topbar .login-pill{min-height:38px;font-size:14px;padding:0 16px}.header-coins{height:38px}.topbar{background:linear-gradient(180deg,#09070ef5,#09070ec9,transparent)}
}

.header-coin-icon{display:none}.header-coin-mobile{font-size:24px;line-height:1}
@media(min-width:980px){
 .topbar{justify-content:flex-start;gap:24px}.topbar .brand-logo{width:175px}.topbar .brand-button{transform:translateY(5px);flex:none}.topbar>.desktop-nav{flex:none}.topbar>.top-actions{margin-left:auto}
 .header-coins{width:42px;height:42px;padding:7px;background:transparent;border:0;box-shadow:none;color:#ff79d9;border-radius:50%}.header-coins .header-coin-label,.header-coins .header-coin-mobile{display:none}.header-coin-icon{display:block;width:28px;height:28px}.header-coins:hover{background:#ff4fd812;color:#ffa4e7;filter:none}.header-coins:focus-visible{outline:2px solid #ff79d9;outline-offset:3px}
}

.account-menu a:not([hidden]){display:block;color:#ffb7e6;padding:12px 16px;border-radius:10px;text-decoration:none;font-size:15px}.account-menu a:hover{background:#ff4fd824}

.topbar .login-pill.account-avatar-button{width:40px;height:40px;min-height:40px;min-width:40px;padding:0;border-radius:50%;overflow:hidden;background:#29192f;color:#ffb7e7;border:1px solid #ff8cdb66;display:grid;place-items:center;font-size:17px}.account-avatar-button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar .header-coins{width:40px;height:40px}.desktop-nav .nav-item{font-weight:400}.top-actions{align-items:center}
/* Header controls share a single height and spacing rhythm. */
.top-actions{gap:10px;align-items:center}.language-picker{position:relative}.language-picker summary{cursor:pointer;display:flex;gap:9px;align-items:center;list-style:none;border:1px solid #ffffff20;background:#19151f;border-radius:14px;padding:0 14px;height:44px;font-size:14px;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;padding:8px;background:#1c1722;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 14px 40px #0008;z-index:110}.language-options button{display:block;width:100%;text-align:left;padding:12px 16px;font-size:15px;background:none;border:0;border-radius:10px;color:#ece6f1;cursor:pointer}.language-options button.selected{background:#ff65d51a;color:#ff88df}.language-options button.selected::after{content:'✓';float:right}.language-options button:hover{background:#ffffff09}
.topbar .header-coins{width:auto;min-width:90px;height:44px;gap:8px;padding:0 12px;background:#19151f;border:1px solid #ff91dc45;box-shadow:none;color:#ff91dc;border-radius:14px;display:inline-flex}.header-coins .header-coin-icon{display:block;width:20px;height:20px}.header-coins #headerCoinBalance{display:inline;font-size:16px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.coin-plus{font-size:20px;line-height:1;color:#7ee6ff}.header-member{height:44px;padding:0 14px;border-radius:14px;border:1px solid #ff96df70;background:#201323;color:#ffb6e8;display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;cursor:pointer}.header-member>span:first-child{font-size:22px}.topbar .login-pill.account-avatar-button{height:44px;width:auto;min-width:66px;min-height:44px;padding:3px 9px 3px 3px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ff88d957;background:#1c1722;line-height:1}.account-avatar{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#ef438e;color:white;font-size:18px;font-weight:500;text-indent:0;letter-spacing:0;line-height:36px;padding:0;margin:0}.account-avatar img{width:36px;height:36px;display:block;object-fit:cover}.account-chevron{font-size:17px;line-height:1;color:#c4acc9;flex:none}.reel-video::cue{background:#000b;color:#fff;font-size:18px;font-family:inherit}
@media(min-width:980px) and (max-width:1200px){.topbar{gap:12px;padding-left:20px;padding-right:20px}.desktop-nav .nav-item{padding:0 10px}.topbar .brand-logo{width:145px}.language-picker summary{padding:0 9px}.top-actions{gap:7px}}
@media(max-width:979px){.topbar{flex-wrap:wrap;height:auto;min-height:110px;padding-bottom:8px;background:#100b16ed}.topbar .top-actions{width:100%;justify-content:flex-end;gap:6px}.topbar .brand-button{min-height:38px}.language-picker{margin-right:auto}.language-picker summary,.topbar .header-coins,.header-member{height:38px;border-radius:12px;font-size:12px;padding:0 9px}.topbar .header-coins{min-width:72px}.topbar .login-pill.account-avatar-button{height:38px;min-height:38px;min-width:55px;padding:2px 6px 2px 2px;gap:4px}.account-avatar,.account-avatar img{width:32px;height:32px;flex-basis:32px;line-height:32px}.header-member{gap:4px}:root{--top-h:110px}.language-options{left:0;right:auto}}
.header-notifications{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff20;background:#19151f;color:#c4acc9;border-radius:14px;cursor:pointer;flex:none}.header-notifications svg{width:22px;height:22px}
@media(max-width:979px){.header-notifications{width:34px;height:38px;border-radius:12px}.header-notifications svg{width:20px;height:20px}.header-member>span:first-child{display:none}.header-member{padding:0 7px}.language-picker summary{gap:4px;padding:0 6px}.language-picker summary>span:first-child{display:none}.topbar .top-actions{gap:5px}.topbar .header-coins{min-width:64px;padding:0 7px;gap:4px}}

html[lang="ja"] body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Noto Sans TC",sans-serif}html[lang="ko"] body{font-family:"Noto Sans KR","Apple SD Gothic Neo","Noto Sans TC",sans-serif}html:not([lang="zh-Hant"]):not([lang="zh-Hans"]) .top-actions{gap:8px}html:not([lang^="zh"]) .header-member{font-size:13px;padding-inline:10px}.episode-card,.series-description,.eco-dialog{overflow-wrap:anywhere}html:not([lang^="zh"]) .desktop-nav button{letter-spacing:0;font-size:14px}
