:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}*{box-sizing:border-box}body{margin:0;background:#f6fafb;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.app-shell{max-width:1100px;margin:auto;min-height:100vh;padding:0 34px 100px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#b9dfed;color:#fff;border-radius:12px;font-weight:700;font-size:20px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px}.streak-pill{background:#fff;padding:7px 14px;border:1px solid var(--line);border-radius:20px;font-size:13px}.view{display:none}.active-view{display:block}.welcome-grid{display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);border:1px solid var(--line);border-radius:24px;min-height:290px;overflow:hidden;box-shadow:var(--shadow)}.welcome-copy{padding:42px 48px}.eyebrow{margin:0;color:#84a9b8;font-size:11px;letter-spacing:1.4px;font-weight:700}.welcome-copy h1,.view-head h1{font-size:34px;line-height:1.25;margin:12px 0;color:var(--ink);font-weight:700}.welcome-copy em{color:#62aabe;font-style:normal}.subcopy{color:var(--muted);margin:8px 0 20px}.primary-button{border:0;background:#76bdd0;color:white;border-radius:12px;padding:12px 20px;font-size:15px;cursor:pointer;box-shadow:0 6px 15px #76bdd044}.primary-button span{margin-left:18px;font-size:18px}.mascot-wrap{display:grid;place-items:center;align-content:center;background:var(--blue);position:relative}.mascot-wrap p{margin:0;color:#548a9d;font-size:13px}.mascot{width:180px;height:155px;position:relative}.mascot-face{position:absolute;width:122px;height:112px;border-radius:48% 48% 45% 45%;background:#fffdf4;left:29px;top:30px;border:3px solid #8dccdd;box-shadow:inset 0 -7px #f2ead9}.mascot-ear{position:absolute;top:17px;width:45px;height:52px;background:#fffdf4;border:3px solid #8dccdd;border-radius:90% 15% 20% 15%;z-index:0}.mascot-ear.left{left:30px;transform:rotate(-20deg)}.mascot-ear.right{right:30px;transform:scaleX(-1) rotate(-20deg)}.eye{position:absolute;top:52px;width:7px;height:11px;background:#34475a;border-radius:50%}.eye.left{left:38px}.eye.right{right:38px}.mouth{position:absolute;top:66px;left:55px;color:#e49c9a;font-size:20px}.blush{position:absolute;top:66px;width:18px;height:7px;background:#f5bdba;border-radius:50%}.blush.left{left:19px}.blush.right{right:19px}.mascot-book{position:absolute;bottom:0;left:61px;background:#f4d989;color:#92783e;border:3px solid #e8c86b;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;transform:rotate(-5deg)}.spark{position:absolute;color:#fff;font-size:23px}.s1{right:15px;top:32px}.s2{left:9px;top:68px;font-size:27px}.section-heading,.view-head{display:flex;align-items:end;justify-content:space-between;margin:32px 0 16px}.section-heading h2{margin:4px 0 0;font-size:21px}.text-button{border:0;background:none;color:#6ba5b4;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{position:relative;padding:22px;border-radius:16px;min-height:136px}.stat-card.blue{background:var(--blue)}.stat-card.green{background:var(--green)}.stat-card.yellow{background:var(--yellow)}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:30px;line-height:1.1;margin:12px 0 2px}.stat-card span:not(.stat-icon){font-weight:600}.stat-card small{color:#78909b;font-size:12px}.stat-icon{position:absolute;right:20px;top:16px;font-size:22px}.progress-band{background:white;border:1px solid var(--line);padding:20px 24px;border-radius:16px;margin-top:15px}.progress-band>div:first-child{display:flex;justify-content:space-between}.progress-band strong{color:#6ba5b4}.progress-track{height:9px;background:#edf2f4;border-radius:10px;margin:11px 0 7px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#82c7a0;border-radius:10px;transition:width .3s}.progress-band small{color:var(--muted)}.quote-line{text-align:center;color:#91a2ac;font-size:13px;margin:25px}.quote-line span{color:#6fb0bc}.view-head{align-items:center}.view-head h1{margin-bottom:0}.counter{color:#6ba5b4;background:#e4f3f5;padding:5px 11px;border-radius:14px}.word-card,.quiz-card,.empty-state,.metric-panel{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:32px;max-width:720px;margin:20px auto}.word-top{display:flex;justify-content:space-between;align-items:start}.word-top h2{font-size:43px;margin:0;line-height:1}.phonetic{color:#79a8b5;margin-top:10px}.meaning{font-size:20px;margin:23px 0 16px}.detail-row{border-top:1px solid #eef2f3;padding:13px 0;color:#5d7180}.detail-row strong{display:block;font-size:12px;color:#99aab3;margin-bottom:3px}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag{background:#f2f7f7;color:#678b94;padding:3px 9px;border-radius:12px;font-size:12px}.card-actions{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.action-btn{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;font-size:14px}.master{background:var(--green);color:#397b58}.action-btn.unsure{background:var(--yellow)}.focus{background:var(--red);color:#a75f5b}.next{background:#edf4f6;color:#578b9b;margin-left:auto}.quiz-card{max-width:620px}.quiz-prompt{text-align:center;color:var(--muted)}.quiz-question{text-align:center;font-size:31px;font-weight:700;margin:18px 0}.answer-form{display:flex;gap:9px}.answer-form input{min-width:0;flex:1;border:1px solid #dce6e9;border-radius:10px;padding:12px;font-size:16px}.answer-form button{border:0;border-radius:10px;background:#78bfd4;color:white;padding:0 18px;cursor:pointer}.feedback{padding:14px;border-radius:10px;margin-top:15px}.feedback.good{background:var(--green);color:#397b58}.feedback.bad{background:var(--red);color:#a75f5b}.review-list{display:grid;gap:12px;max-width:720px;margin:auto}.review-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center}.review-item strong{font-size:20px}.review-item small{color:var(--muted);display:block}.empty-state{text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-panel{margin:0;padding:20px}.metric-panel b{display:block;font-size:27px}.metric-panel span{color:var(--muted);font-size:13px}.daily-list{max-width:720px;margin:18px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.daily-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f3f4;color:#627783}.daily-row:last-child{border:0}.select-control{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;color:var(--ink)}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:6px;box-shadow:0 8px 24px #506b751a;z-index:4}.nav-item{border:0;background:transparent;color:#9aa9b1;border-radius:12px;padding:8px 17px;cursor:pointer;font-size:12px}.nav-item span{display:block;font-size:18px;line-height:1.1}.nav-item.active{background:#e5f4f5;color:#5d9dab}@media(max-width:650px){.app-shell{padding:0 16px 100px}.topbar{height:70px}.welcome-grid{display:block}.welcome-copy{padding:30px 25px 24px}.welcome-copy h1{font-size:29px}.mascot-wrap{min-height:190px}.stats-grid{gap:8px}.stat-card{padding:14px 12px;min-height:125px}.stat-card small{font-size:10px}.stat-icon{right:10px}.progress-band{padding:17px}.view-head{align-items:end}.view-head h1{font-size:28px}.word-card,.quiz-card{padding:22px 18px}.word-top h2{font-size:36px}.next{margin-left:0}.answer-form{flex-direction:column}.answer-form button{padding:11px}.bottom-nav{width:calc(100% - 22px);justify-content:space-around}.nav-item{padding:7px 8px;flex:1}}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.enhanced-tools{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;color:#6b8791;cursor:pointer}.icon-btn.is-favorite{background:var(--yellow);color:#9b7b2e}.dictation-entry{display:block;margin:18px auto}.dictation{text-align:center}.dictation h2{font-size:28px;margin:10px 0}.dictation-hint{color:var(--muted)}.dictation-input{display:block;width:100%;max-width:420px;margin:20px auto 12px;border:1px solid #dce6e9;border-radius:10px;padding:13px;font-size:18px;text-align:center}.dictation small{display:block;color:var(--muted);margin-top:15px}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.library-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.library-metrics>div,.library-progress,.library-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.library-metrics b{display:block;font-size:27px}.library-metrics span{color:var(--muted);font-size:13px}.library-progress{max-width:720px;margin:16px auto}.library-progress>div:first-child{display:flex;justify-content:space-between}.library-progress b{color:#6ba5b4}.library-list{max-width:720px;margin:16px auto}.library-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f0f3f4}.library-row:last-child{border-bottom:0}.library-row strong{display:block;font-size:17px}.library-row small{display:block;color:var(--muted)}.library-status{font-size:12px;color:#8799a1}.library-status.mastered{color:#4b9a6b}.library-status.learning{color:#b08a38}@media(max-width:650px){.library-metrics{grid-template-columns:repeat(2,1fr)}.library-row{gap:8px}}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.daily-plan-control{display:flex;align-items:center;gap:6px;color:#6f858e;font-size:13px}.daily-plan-control input{width:62px;border:1px solid var(--line);border-radius:8px;padding:6px 7px;color:#4c8190;background:#fff;text-align:center}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.reward-summary{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;margin-top:16px}.coin-balance,.reward-check,.reward-wallet{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:12px}.coin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffe7a6;color:#9d782c;font-weight:700;font-size:19px}.coin-balance small,.reward-wallet small{display:block;color:var(--muted)}.coin-balance strong,.reward-wallet strong{font-size:25px}.coin-button,.claim-button,.gift-card button{margin-left:auto;border:0;border-radius:9px;background:#f4d785;color:#765b22;padding:9px 12px;cursor:pointer}.coin-button:disabled{background:#edf2f3;color:#8c9aa0}.reward-check{display:block}.reward-check>strong{display:block}.reward-state{display:block;color:#6ea1a7;font-size:12px}.reward-bars{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:9px}.reward-track{height:8px;background:#edf2f4;border-radius:10px;display:flex;overflow:hidden;margin-top:5px}.reward-track i{display:block;background:#82c7a0;border-right:2px solid white}.claim-button{display:block;margin:12px 0 0;background:#78bfd0;color:white}.reward-wallet{max-width:320px;margin:0 auto 20px;justify-content:center}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gift-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}.gift-visual{font-size:32px;background:#f4f8f8;border-radius:12px;padding:15px}.gift-card h3{margin:12px 0 2px}.gift-card p{color:var(--muted);font-size:12px;min-height:42px}.gift-card button{margin:0;background:#edf3f3;color:#78909a}.noise-note{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}@media(max-width:700px){.reward-summary{grid-template-columns:1fr}.gift-grid{grid-template-columns:repeat(2,1fr)}}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.reward-summary{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:14px;margin-top:18px}.coin-balance,.reward-check{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(44,74,92,.05)}.coin-balance-top{display:flex;align-items:center;gap:12px}.coin-balance-top .coin-button{margin-left:auto}.coin-caption{font-size:12px;color:var(--muted);margin:13px 0 0 54px}.reward-check-head{display:flex;align-items:center;justify-content:space-between}.reward-check-head small{display:block;color:#88a5ad;font-size:10px;letter-spacing:1px}.reward-check-head strong{display:block;font-size:17px;margin-top:2px}.reward-check-head>b{color:#c19032;font-size:17px}.reward-conditions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.condition-item{display:flex;gap:9px;align-items:flex-start;background:#f7faf9;border-radius:12px;padding:11px}.condition-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#dcefe2;color:#4c9270;font-weight:700}.condition-item strong,.condition-item small{display:block}.condition-item small{color:#84969d;font-size:12px;margin-top:2px}.mini-track{height:5px;background:#e6edef;border-radius:9px;overflow:hidden;margin-top:7px;width:118px}.mini-track i{display:block;height:100%;background:#82c7a0;border-radius:9px}.reward-state{margin:8px 0 0;color:#6f9299;font-size:12px}.claim-button{width:100%;margin-top:13px;padding:10px;background:#78bfd0;color:#fff;font-weight:600}@media(max-width:700px){.reward-summary{grid-template-columns:1fr}.reward-conditions{grid-template-columns:1fr 1fr}.coin-caption{margin-left:0}}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.daily-claim-card{max-width:720px;margin:18px auto;background:#f0f3f4;border:1px solid #e3e8ea;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#9aa6aa;transition:.2s}.daily-claim-card small{font-size:10px;letter-spacing:1px}.daily-claim-card h3{margin:4px 0;color:#859297;font-size:17px}.daily-claim-card p{margin:0;font-size:12px}.claim-card-right{text-align:right}.claim-card-right strong{display:block;color:#a2abb0;margin-bottom:7px}.claim-card-right button{border:0;border-radius:9px;padding:9px 14px;background:#d9dfe1;color:#929da1;cursor:not-allowed}.daily-claim-card.ready{background:#fffaf0;border-color:#f0d68d;color:#806d41;box-shadow:0 8px 22px rgba(198,157,54,.12)}.daily-claim-card.ready h3{color:#725b29}.daily-claim-card.ready .claim-card-right strong{color:#c28a25}.daily-claim-card.ready .claim-card-right button{background:#e8bf59;color:#fff;cursor:pointer}.daily-claim-card.ready .claim-card-right button:hover{background:#dba941}@media(max-width:600px){.daily-claim-card{align-items:flex-start;gap:14px}.claim-card-right{white-space:nowrap}}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.reward-check .claim-button{margin-top:16px}.reward-check .claim-button:disabled{background:#e3e8e9;color:#99a4a8;cursor:not-allowed}
:root{--ink:#243448;--muted:#7b8b9a;--line:#e8eef2;--blue:#dceef7;--green:#dcefe2;--yellow:#fff2c9;--cream:#fffdf8;--red:#fae4e1;--shadow:0 12px 35px rgba(44,74,92,.08)}.auth-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#f5fafb;padding:20px}.auth-panel{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 18px 45px rgba(44,74,92,.1)}.auth-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#b9dfed;color:#fff;font-weight:700;font-size:24px;margin-bottom:18px}.auth-panel h1{font-size:30px;margin:8px 0 2px}.auth-subtitle{color:var(--muted);margin:0 0 24px}.auth-tabs{display:flex;gap:5px;background:#f2f6f7;padding:4px;border-radius:10px;margin-bottom:20px}.auth-tab{border:0;background:transparent;color:#8b9ba2;border-radius:8px;padding:8px;flex:1;cursor:pointer}.auth-tab.active{background:#fff;color:#5e9baa;box-shadow:0 2px 8px rgba(44,74,92,.08)}#authForm label{display:block;color:#687e87;font-size:13px;margin:13px 0}#authForm input{display:block;width:100%;border:1px solid #dfe8ea;border-radius:9px;margin-top:5px;padding:11px;font-size:15px;outline:0}#authForm input:focus{border-color:#83c5d3}.auth-submit{width:100%;margin-top:8px}.auth-error{height:20px;color:#c77069;font-size:12px;margin:5px 0}.auth-local-note{display:block;color:#a2afb3;text-align:center;margin-top:18px}.logout-button{border:1px solid var(--line);background:#fff;color:#8a9ba2;border-radius:9px;padding:7px 10px;font-size:12px;cursor:pointer}@media(max-width:650px){.auth-panel{padding:27px 22px}}
/* Study companion artwork: stays behind the interface and fades on small screens. */
body{background-color:#f6fafb;background-image:url('assets/study-companion.jpg');background-repeat:no-repeat;background-position:right 84px top 88px;background-size:min(620px,48vw) auto;background-attachment:fixed}
.app-shell{position:relative;z-index:1}
@media(max-width:650px){body{background-position:right -110px top 112px;background-size:430px auto;background-attachment:scroll}.welcome-grid,.word-card,.quiz-card,.metric-panel,.daily-list{background-color:rgba(255,255,255,.94)}}
/* Use the supplied character as the home companion; keep the whole figure visible. */
.mascot-wrap{background:#edf8f8;min-height:290px;padding:18px}
.mascot{width:100%;height:205px;background:url('assets/study-companion.jpg') 22% center/auto 245px no-repeat;filter:saturate(.94);transform:translateX(72px)}
.mascot>*{visibility:hidden}
.mascot-wrap p{position:relative;z-index:1;background:rgba(255,255,255,.78);padding:5px 12px;border-radius:12px}
@media(max-width:650px){.mascot-wrap{min-height:220px;background-size:cover}.mascot{height:155px;background-size:auto 190px;transform:translateX(28px)}}
/* Theme controls and the supplied full-page companion background. */
body{background:#edf4f7;background-image:none;isolation:isolate;transition:background .25s,color .25s}
body::before{content:"";position:fixed;inset:0;background:url('assets/study-background.png') center top/cover no-repeat;opacity:.66;z-index:-1;pointer-events:none}
.welcome-grid,.word-card,.quiz-card,.empty-state,.metric-panel,.daily-list,.library-metrics>div,.library-progress,.library-list,.reward-summary>div,.gift-card,.auth-panel{background:rgba(255,255,255,.43);backdrop-filter:blur(1px)}
.theme-controls{display:flex;gap:6px;margin-left:auto;margin-right:12px}.theme-button{border:1px solid rgba(120,150,160,.35);background:rgba(255,255,255,.7);color:#58727c;border-radius:9px;padding:6px 9px;cursor:pointer;font-size:12px}.theme-button.active{background:#dceef7;color:#3e7587}
body.theme-dark{background:#18222c;color:#e8eef1}body.theme-dark::before{opacity:.12;filter:brightness(.52) saturate(.8)}body.theme-dark .topbar,body.theme-dark .view-head h1,body.theme-dark .section-heading h2,body.theme-dark .meaning,body.theme-dark .detail-row strong,body.theme-dark .word-top h2{color:#e8eef1}body.theme-dark .welcome-grid,body.theme-dark .word-card,body.theme-dark .quiz-card,body.theme-dark .empty-state,body.theme-dark .metric-panel,body.theme-dark .daily-list,body.theme-dark .library-metrics>div,body.theme-dark .library-progress,body.theme-dark .library-list,body.theme-dark .reward-summary>div,body.theme-dark .gift-card,body.theme-dark .auth-panel{background:rgba(28,40,50,.84);border-color:#354652;color:#d6e0e4}body.theme-dark .theme-button{background:#263843;color:#d6e0e4}.theme-eye{background:#f2ead5}body.theme-eye{background:#f4edda;color:#50483b}body.theme-eye::before{opacity:.16;filter:sepia(.18) saturate(.8)}body.theme-eye .welcome-grid,body.theme-eye .word-card,body.theme-eye .quiz-card,body.theme-eye .empty-state,body.theme-eye .metric-panel,body.theme-eye .daily-list,body.theme-eye .library-metrics>div,body.theme-eye .library-progress,body.theme-eye .library-list,body.theme-eye .reward-summary>div,body.theme-eye .gift-card{background:rgba(255,250,232,.78)}
@media(max-width:650px){body::before{background-position:62% top;background-size:auto 100%;opacity:.5}.theme-controls{margin-right:5px}.theme-button{padding:5px 6px;font-size:11px}.welcome-grid,.word-card,.quiz-card,.metric-panel,.daily-list{backdrop-filter:blur(1px)}}
body.theme-dark::before{opacity:.34}body.theme-dark .welcome-grid,body.theme-dark .word-card,body.theme-dark .quiz-card,body.theme-dark .empty-state,body.theme-dark .metric-panel,body.theme-dark .daily-list,body.theme-dark .library-metrics>div,body.theme-dark .library-progress,body.theme-dark .library-list,body.theme-dark .reward-summary>div,body.theme-dark .gift-card,body.theme-dark .auth-panel{background:rgba(28,40,50,.62)}body.theme-eye .welcome-grid,body.theme-eye .word-card,body.theme-eye .quiz-card,body.theme-eye .empty-state,body.theme-eye .metric-panel,body.theme-eye .daily-list,body.theme-eye .library-metrics>div,body.theme-eye .library-progress,body.theme-eye .library-list,body.theme-eye .reward-summary>div,body.theme-eye .gift-card{background:rgba(255,250,232,.52)}
/* Background-first mode: no glass blur, stronger artwork, lighter panels. */
body::before{opacity:.84}
.welcome-grid,.word-card,.quiz-card,.empty-state,.metric-panel,.daily-list,.library-metrics>div,.library-progress,.library-list,.reward-summary>div,.gift-card,.auth-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 24px rgba(45,75,92,.07)}
body.theme-dark::before{opacity:.48}body.theme-eye::before{opacity:.64}
body::before{background-position:84% top}
body.theme-minimal{background:#f6fafb}body.theme-minimal::before{display:none}body.theme-minimal .welcome-grid,body.theme-minimal .word-card,body.theme-minimal .quiz-card,body.theme-minimal .empty-state,body.theme-minimal .metric-panel,body.theme-minimal .daily-list{background:rgba(255,255,255,.45)!important}
.stat-card,.progress-band,.coin-balance,.reward-check,.reward-wallet,.review-item{background:transparent!important}
.condition-item{background:transparent!important;border:0}
/* Home sections at about 90% transparency so the artwork remains dominant. */
.welcome-grid,.stats-grid .stat-card,.progress-band,.reward-summary,.coin-balance,.reward-check,.mascot-wrap{background:rgba(255,255,255,.1)!important}
.reward-summary>div{background:rgba(255,255,255,.1)!important}
/* Global background transparency: 80% transparent, while text stays solid. */
.topbar,.bottom-nav,.streak-pill,.primary-button,.action-btn,.icon-btn,.theme-button,.select-control,.coin-button,.claim-button,.gift-card button{background-color:rgba(255,255,255,.2)}
.answer-form input,.dictation-input{background:transparent!important;color:inherit;border-color:rgba(120,150,160,.55)}
.dictation-check{background:transparent!important;border:1px solid rgba(120,150,160,.55);color:inherit;box-shadow:none}.dictation-hint,.dictation-small-hint{color:#416b77;font-weight:600}.dictation-small-hint{font-size:13px;margin:4px 0 10px}
.bottom-nav{border-color:rgba(255,255,255,.32);box-shadow:0 8px 24px rgba(45,75,92,.08)}
.primary-button{background-color:rgba(118,189,208,.65)}
.action-btn.master{background-color:rgba(220,239,226,.55)}.action-btn.unsure{background-color:rgba(255,242,201,.55)}.action-btn.focus{background-color:rgba(250,228,225,.55)}.action-btn.next{background-color:rgba(237,244,246,.45)}
.auth-screen{background:rgba(245,250,251,.2)}
/* Final override: remove all card blur effects. */
.welcome-grid,.word-card,.quiz-card,.empty-state,.metric-panel,.daily-list,.library-metrics>div,.library-progress,.library-list,.reward-summary>div,.gift-card,.auth-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:650px){body::before{opacity:.68}}
@media(max-width:650px){body::before{background-position:88% top}}
/* Restore the previous translucent cards; remove the glass blur treatment. */
.welcome-grid,.word-card,.quiz-card,.empty-state,.metric-panel,.daily-list,.library-metrics>div,.library-progress,.library-list,.reward-summary>div,.gift-card,.auth-panel{border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
/* Frosted glass panels: preserve cards while letting the artwork show through. */
.welcome-grid,.word-card,.quiz-card,.empty-state,.metric-panel,.daily-list,.library-metrics>div,.library-progress,.library-list,.reward-summary>div,.gift-card,.auth-panel{border:1px solid rgba(255,255,255,.58);box-shadow:0 14px 38px rgba(45,75,92,.12),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
body.theme-dark .welcome-grid,body.theme-dark .word-card,body.theme-dark .quiz-card,body.theme-dark .empty-state,body.theme-dark .metric-panel,body.theme-dark .daily-list,body.theme-dark .library-metrics>div,body.theme-dark .library-progress,body.theme-dark .library-list,body.theme-dark .reward-summary>div,body.theme-dark .gift-card,body.theme-dark .auth-panel{border-color:rgba(190,220,230,.18);box-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12)}
.study-complete-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(12,25,32,.42);padding:20px}.study-complete-panel{width:min(420px,100%);padding:32px;text-align:center;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.84);box-shadow:0 18px 50px rgba(0,0,0,.2);border-radius:12px}.study-complete-panel h2{margin:14px 0 8px}.study-complete-panel p{color:var(--muted);line-height:1.7}.study-complete-panel .primary-button{margin-top:12px}