/* Public/unauthenticated semantic theme contract.
   Provides Classic Jagsina defaults before any authenticated saved-theme selector applies. */
:root {
  --theme-page-bg: #fff8f3;
  --theme-shell-bg: #fffaf6;
  --theme-surface: rgba(255, 250, 246, .90);
  --theme-surface-raised: rgba(255, 255, 255, .94);
  --theme-surface-soft: rgba(92, 55, 88, .055);
  --theme-text: #35243f;
  --theme-text-muted: #766779;
  --theme-text-subtle: #95879a;
  --theme-accent: #ff7668;
  --theme-accent-hover: #ef6558;
  --theme-accent-active: #dc574c;
  --theme-on-accent: #ffffff;
  --theme-accent-soft: rgba(255, 118, 104, .14);
  --theme-border: rgba(53, 36, 63, .28);
  --theme-border-strong: rgba(255, 118, 104, .62);
  --theme-focus: rgba(255, 118, 104, .34);
  --theme-shadow: 0 16px 38px rgba(53, 36, 63, .10);
  --theme-glow: rgba(255, 118, 104, .18);
  --theme-progress-track: rgba(53, 36, 63, .10);
  --theme-progress-fill: #ff7668;
}

/* First-impression homepage: explicit public surfaces with semantic-token fallbacks. */
.home-demo {
  background: var(--theme-surface, rgba(255,250,246,.90)) !important;
  border: 1px solid var(--theme-border, rgba(53,36,63,.28)) !important;
  box-shadow: var(--theme-shadow, 0 16px 38px rgba(53,36,63,.10)),
              0 10px 30px var(--theme-glow, rgba(255,118,104,.18)) !important;
}
.sample-question,
.home-proof,
.home-leaders {
  background: var(--theme-surface-raised, rgba(255,255,255,.94)) !important;
  border: 1px solid var(--theme-border, rgba(53,36,63,.28)) !important;
  box-shadow: var(--theme-shadow, 0 16px 38px rgba(53,36,63,.10)) !important;
}
.category-chip {
  background: var(--theme-surface-raised, rgba(255,255,255,.94)) !important;
  border-color: var(--theme-border, rgba(53,36,63,.28)) !important;
  color: var(--theme-text, #35243f) !important;
  box-shadow: 0 8px 22px var(--theme-shadow, rgba(53,36,63,.10)),
              0 0 16px var(--theme-glow, rgba(255,118,104,.18)) !important;
}
.home-feature-grid > .card,
body > main .home-feature-grid > .card {
  background: var(--theme-surface-raised, rgba(255,255,255,.94)) !important;
  background-image: none !important;
  border: 1px solid var(--theme-border, rgba(53,36,63,.28)) !important;
  color: var(--theme-text, #35243f) !important;
  box-shadow: var(--theme-shadow, 0 16px 38px rgba(53,36,63,.10)),
              0 10px 28px var(--theme-glow, rgba(255,118,104,.18)) !important;
}
.home-feature-grid > .card h3 {
  color: var(--theme-text, #35243f) !important;
  -webkit-text-fill-color: var(--theme-text, #35243f) !important;
}
.home-feature-grid > .card p {
  color: var(--theme-text-muted, #766779) !important;
  -webkit-text-fill-color: var(--theme-text-muted, #766779) !important;
}
.home-leaders-head a,
.home-leaders-head a:visited {
  color: var(--theme-accent, #ff7668) !important;
  -webkit-text-fill-color: var(--theme-accent, #ff7668) !important;
  text-shadow: 0 0 12px var(--theme-glow, rgba(255,118,104,.18)) !important;
}

*{box-sizing:border-box}:root{--ink:#31243b;--muted:#75687c;--paper:#fffaf2;--peach:#ffcabd;--coral:#ff796f;--plum:#6d3b68;--mint:#bfe8d4;--blue:#9bc7ff;--line:rgba(49,36,59,.12)}
html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(135deg,#fffaf2 0%,#fff2ee 38%,#f0fbf6 70%,#edf5ff 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 10% 20%,rgba(255,121,111,.18),transparent 25%),radial-gradient(circle at 90% 15%,rgba(109,59,104,.14),transparent 24%),radial-gradient(circle at 70% 85%,rgba(155,199,255,.22),transparent 25%)}
nav{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:rgba(255,250,242,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
nav div{display:flex;align-items:center;gap:6px}nav a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:999px;font-size:14px}.brand{font-weight:950;letter-spacing:.3em;color:var(--plum)!important}.hero{text-align:center;padding:clamp(80px,12vw,145px) 20px 75px}.hero h1{font-size:clamp(50px,8vw,108px);line-height:.88;letter-spacing:-.07em;margin:28px auto;max-width:1100px;color:var(--ink)}.hero p{color:var(--muted);font-size:clamp(15px,2vw,19px);line-height:1.8;max-width:850px;margin:0 auto 34px}.pill{display:inline-flex;background:rgba(255,255,255,.62);border:1px solid rgba(109,59,104,.16);color:var(--plum);padding:9px 14px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 10px 35px rgba(109,59,104,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--coral),#ff9b7c);color:white!important;padding:14px 22px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 14px 32px rgba(255,121,111,.24);transition:.2s}.btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 40px rgba(255,121,111,.32)}.small{padding:9px 14px}.grid,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;max-width:1080px;margin:32px auto;padding:0 20px}.card{position:relative;background:rgba(255,255,255,.67);border:1px solid rgba(49,36,59,.1);border-radius:26px;padding:clamp(22px,3vw,32px);box-shadow:0 24px 70px rgba(82,55,75,.08);backdrop-filter:blur(18px);overflow:hidden}.grid .card:nth-child(1){background:linear-gradient(145deg,rgba(255,230,218,.9),rgba(255,255,255,.7))}.grid .card:nth-child(2){background:linear-gradient(145deg,rgba(226,215,242,.9),rgba(255,255,255,.7))}.grid .card:nth-child(3){background:linear-gradient(145deg,rgba(214,242,229,.9),rgba(255,255,255,.7))}.grid p,.challenge p,.sub{color:var(--muted);line-height:1.65}
.auth,.quiz,.board,.result{max-width:780px;margin:clamp(25px,6vw,70px) auto}.auth form,.admin-shell form{display:grid;gap:16px}.auth label,.admin-shell label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,textarea,select{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink);font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,121,111,.12)}
.dash,.admin-shell{max-width:1120px;margin:50px auto;padding:0 20px}.stats{padding:0;margin:25px 0}.stats .card{display:flex;flex-direction:column}.stats b{font-size:30px}.stats span{font-size:11px;color:var(--muted);font-weight:900;letter-spacing:.12em}.challenge{margin-top:25px}.quiz fieldset{border:0;border-top:1px solid var(--line);padding:24px 0}.quiz legend{font-weight:900;font-size:18px;padding-top:20px}.option{display:flex;align-items:center;padding:14px;margin:9px 0;background:rgba(255,255,255,.62);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:.18s}.option:hover{border-color:rgba(255,121,111,.35);transform:translateX(3px)}.option:has(input:checked){background:linear-gradient(135deg,rgba(255,202,189,.72),rgba(191,232,212,.52));border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,121,111,.1)}.option input[type=radio]{appearance:none;width:22px;height:22px;min-width:22px;border:2px solid var(--plum);border-radius:50%;padding:0;margin-right:12px;display:grid;place-content:center}.option input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--coral);transform:scale(0)}.option input[type=radio]:checked:before{transform:scale(1)}.option:has(input:checked):after{content:"SELECTED";margin-left:auto;color:var(--plum);font-size:10px;font-weight:950;letter-spacing:.12em}
.result{text-align:center}.result h1{font-size:clamp(50px,10vw,90px);letter-spacing:-.07em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);letter-spacing:.08em}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.admin-table{margin:20px 0;overflow:auto}.inline{display:inline!important}.inline button,.question-admin button{border:0;border-radius:999px;padding:7px 10px;cursor:pointer}.question-admin{margin:14px 0}.muted-link{color:var(--plum);text-align:center;text-decoration:none}footer{text-align:center;color:var(--muted);padding:50px 20px}.error{color:#b52c42}
@media(max-width:760px){nav{height:66px;padding:0 14px}.brand{font-size:13px;letter-spacing:.2em}nav a{font-size:12px;padding:8px}.hero{padding-top:75px}.auth,.quiz,.board,.result{margin:22px 12px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.card{border-radius:20px}.btn{min-height:48px}.challenge .btn{width:100%}.admin-table{overflow-x:auto}}
@media(max-width:390px){nav a:not(.brand):not(.small){display:none}.hero h1{font-size:47px}.stats{gap:10px}.stats .card{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.premium-hero{text-align:center;padding:90px 20px 45px}.premium-hero h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:22px auto;max-width:950px}.premium-hero p,.value-strip p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7}.plan-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:22px;max-width:1000px;margin:20px auto 60px;padding:0 20px}.plan{display:flex;flex-direction:column}.plan.featured{background:linear-gradient(145deg,rgba(255,224,214,.9),rgba(222,244,233,.85),rgba(255,255,255,.75));border:2px solid rgba(255,121,111,.3);transform:translateY(-10px)}.plan .price{font-size:46px;font-weight:950;margin:10px 0}.plan .price small{font-size:14px;color:var(--muted)}.plan ul{padding-left:22px;line-height:2;color:var(--muted);flex:1}.plan li::marker{color:var(--coral)}.secondary{background:var(--plum)}.fine{font-size:11px!important;text-align:center;color:var(--muted)}.value-strip{text-align:center;max-width:1000px;margin:0 auto 60px;padding:45px 20px;border-top:1px solid var(--line)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-chip{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55)}.category-chip input{width:auto}
@media(max-width:760px){.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.premium-hero{padding-top:65px}.category-grid{grid-template-columns:1fr}}

.competitive-card{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:20px;margin:22px 0;background:linear-gradient(135deg,rgba(255,220,209,.78),rgba(216,241,229,.72),rgba(224,236,255,.72))}.competitive-card h2{font-size:clamp(52px,7vw,82px);letter-spacing:-.07em;margin:12px 0}.competitive-card>div:last-child{display:flex;flex-direction:column;gap:10px}.competitive-card>div:last-child b{font-size:30px}.rank-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:25px;background:linear-gradient(135deg,rgba(255,213,201,.82),rgba(232,218,244,.72),rgba(207,241,225,.72))}.rank-hero small{font-weight:950;letter-spacing:.14em;color:var(--muted)}.rank-hero strong{display:block;font-size:clamp(70px,11vw,130px);line-height:.9;letter-spacing:-.08em;margin:15px 0}.rank-next{display:flex;flex-direction:column;gap:9px;padding:25px;border-left:1px solid var(--line)}.rank-next b{font-size:28px}.profile-stats{grid-template-columns:repeat(3,1fr);max-width:none;padding:0}.momentum{margin:20px 0}.profile-page>.btn{margin-top:5px}
@media(max-width:760px){.competitive-card,.rank-hero{grid-template-columns:1fr}.rank-next{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.profile-stats{grid-template-columns:repeat(2,1fr)}}

main{position:relative;z-index:1;min-height:calc(100vh - 74px)}
.review-list,.upsell{max-width:700px;width:100%;margin:24px auto;padding-left:20px;padding-right:20px}.review-card{margin:14px 0}.explanation{padding:14px;border-radius:14px;background:rgba(191,232,212,.42);line-height:1.65}
.premium-hero{max-width:1100px;margin:auto}.plan-grid .plan{min-height:560px}.plan-grid .plan .btn{margin-top:auto}.plan-grid .plan ul{font-size:16px}
@media(max-width:900px){nav{overflow-x:auto;gap:16px}nav div{flex:0 0 auto}.plan-grid .plan{min-height:auto}}
@media(max-width:520px){nav{justify-content:flex-start}.brand{position:sticky;left:0;background:rgba(255,250,242,.94);z-index:2}.premium-hero h1{font-size:48px}.plan-grid{padding:0 12px}.profile-stats{grid-template-columns:1fr 1fr}}
.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.nav-cta{margin-left:8px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.pack-card{display:flex;flex-direction:column;min-height:330px}.pack-footer{margin-top:auto}.share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-row a,.copy-share{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;color:var(--plum);text-decoration:none;cursor:pointer}progress{width:100%;height:12px}.quest-grid .card{min-height:210px}
@media(max-width:900px){nav{overflow:visible}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:66px;left:12px;right:12px;flex-direction:column;align-items:stretch;background:var(--ivory);padding:14px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(49,36,59,.14)}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-cta{margin-left:8px}.plan-grid{align-items:stretch}.plan-grid .plan{min-height:0}.plan.featured{transform:none}}
@media(max-width:520px){nav{justify-content:space-between}.brand{position:static;background:transparent}.menu-toggle{order:2}.nav-cta{order:3}.nav-links{order:4}.pack-grid{grid-template-columns:1fr}.plan-grid{gap:16px}.plan{padding:22px}.share-row{align-items:stretch}.share-row>*{flex:1 1 130px;text-align:center}}

.option{color:var(--ink)!important}.option:not(:has(input:checked)){color:var(--ink)!important}.option input[type=radio]{color:inherit}

/* V8 polish */
.leaderboard-tabs{height:auto;max-width:max-content;margin:18px 0 24px;padding:5px;display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62);box-shadow:none;position:static;backdrop-filter:blur(12px)}
.leaderboard-tabs a{padding:9px 16px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:900;font-size:13px;white-space:nowrap}
.leaderboard-tabs a.active{background:var(--plum);color:#fff;box-shadow:0 8px 20px rgba(109,59,104,.2)}
.board{max-width:980px}.board h1{margin-bottom:8px}.plan-grid{align-items:stretch}.plan-grid .plan{min-height:520px}.plan-grid .plan ul{margin:10px 0 24px}.premium-hero p{max-width:820px}.profile-page>.card{margin-top:20px}
@media(max-width:900px){.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);color:var(--ink);cursor:pointer;z-index:12}.nav-links{z-index:11}.nav-links.open{display:flex!important}.nav-links.open a{display:block!important}.nav-cta{white-space:nowrap}.leaderboard-tabs{overflow-x:auto;max-width:100%}}
@media(max-width:390px){.nav-links.open a{display:block!important}.leaderboard-tabs a{padding:9px 12px}.premium-hero h1{font-size:43px}}

/* V9 mobile navigation and guest preview */
.nav-backdrop{display:none}
@media(max-width:900px){nav{position:sticky;top:0;z-index:1000;height:72px;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 16px}.brand{min-width:0;justify-self:start}.menu-toggle{margin:0!important;order:initial!important}.nav-cta{margin:0!important;order:initial!important;justify-self:end}.nav-links{position:fixed!important;top:82px!important;right:14px!important;left:auto!important;width:min(330px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow-y:auto;display:flex!important;visibility:hidden;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;z-index:1002!important;background:#fffaf4!important;padding:12px!important;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(49,36,59,.24);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-links.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.nav-links a{display:block!important;padding:13px 14px!important;border-radius:12px}.nav-backdrop.open{display:block;position:fixed;inset:72px 0 0;background:rgba(49,36,59,.18);backdrop-filter:blur(2px);z-index:1001}.menu-open{overflow:hidden}}@media(max-width:390px){nav{grid-template-columns:minmax(0,1fr) 44px auto;padding:0 10px;gap:8px}.nav-cta{padding:9px 13px!important}.brand{font-size:12px}}.guest-preview .muted{max-width:680px}.preview-login{margin-top:18px}.guest-preview fieldset:nth-of-type(2){margin-bottom:24px}

/* V9.1 polish fixes */
.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}.result-actions .btn{min-width:180px}
.empty-state{text-align:center;padding:28px!important;color:var(--muted)}.archive-page small{color:var(--muted)}
.plan-grid{align-items:stretch}.plan-grid .plan{height:100%;min-height:0}.plan-grid .plan ul{margin:12px 0 24px;padding-left:20px}.plan-grid .plan li{margin:8px 0;line-height:1.55}.plan-grid .plan .price{line-height:1.05}.plan-grid .plan .fine{margin:10px 0 0;line-height:1.45}
@media(max-width:900px){
 nav{z-index:3000!important}
 .nav-links{top:76px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100dvh - 92px)!important;background:#fffaf4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:3002!important;box-shadow:0 24px 70px rgba(49,36,59,.32)!important}
 .nav-links.open{pointer-events:auto!important}
 .nav-links a{position:relative;z-index:1;pointer-events:auto!important;background:transparent}
 .nav-backdrop.open{display:block!important;inset:72px 0 0!important;z-index:3001!important;background:rgba(49,36,59,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}
 .premium-hero{padding:58px 16px 28px}.premium-hero p{font-size:16px;line-height:1.65}.plan-grid{padding:0 14px;margin-bottom:40px}.plan-grid .plan{padding:24px}.plan-grid .plan h2{margin:10px 0}.plan-grid .plan .price{font-size:40px}.plan-grid .plan ul{font-size:15px}.plan-grid .plan .btn{width:100%}
 .admin-table{overflow-x:auto}.admin-table table{min-width:620px}
}
@media(max-width:520px){.result-actions{flex-direction:column}.result-actions .btn{width:100%}.premium-hero h1{font-size:42px;line-height:.98}.plan-grid{gap:14px}.plan-grid .plan{border-radius:22px}}
/* V10 Daily Curiosity Club */
body{background-size:180% 180%;animation:curiositySky 22s ease-in-out infinite}.daily-world{position:relative;isolation:isolate}.daily-world:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,189,.42),rgba(191,232,212,.16) 52%,transparent 70%);left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1;animation:dailyGlow 7s ease-in-out infinite}.daily-orb{display:block;font-size:42px;color:var(--coral);animation:gentleFloat 4s ease-in-out infinite}.daily-intro{font-family:Georgia,serif;font-style:italic;color:var(--plum)!important}.card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px);box-shadow:0 30px 80px rgba(82,55,75,.12)}.option{position:relative;overflow:hidden}.option:active{transform:scale(.985)}.option:has(input:checked){animation:answerBloom .28s ease}.quiz:not(.guest-preview) fieldset:last-of-type{background:linear-gradient(145deg,rgba(109,59,104,.055),rgba(255,202,189,.16));border-radius:22px;padding:24px}.quiz:not(.guest-preview) fieldset:last-of-type legend:before{content:"FINAL QUESTION · ";color:var(--coral);font-size:11px;letter-spacing:.1em}.journey{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;background:linear-gradient(135deg,rgba(255,229,219,.8),rgba(220,244,232,.72),rgba(224,236,255,.68));margin:22px 0}.journey h2{font-size:clamp(28px,4vw,46px);margin:12px 0}.journey-track{display:flex;align-items:center;gap:10px;font-weight:900}.journey-track progress{width:100%}.passport-teaser{background:linear-gradient(135deg,rgba(109,59,104,.09),rgba(155,199,255,.2),rgba(191,232,212,.32))}.passport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px}.passport-stamp{text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stamp-mark{width:76px;height:76px;border:2px dashed var(--plum);border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--coral);transform:rotate(-6deg);background:rgba(255,250,242,.75)}.passport-stamp h2{margin:16px 0 6px}.passport-stamp p{color:var(--coral);letter-spacing:.12em}.curiosity-share-card{max-width:520px;margin:24px auto;padding:26px;border-radius:24px;background:linear-gradient(145deg,#fff1e9,#f0e8f5,#e7f6ee);border:1px solid var(--line);display:grid;gap:10px}.curiosity-share-card span{font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--plum)}.curiosity-share-card strong{font-size:28px}.daily-reveal{max-width:650px;margin:24px auto;padding:28px;text-align:left;border-radius:24px;background:rgba(255,255,255,.64);border:1px solid var(--line)}.daily-reveal p{font-family:Georgia,serif;font-size:18px;line-height:1.75;color:var(--muted)}
@keyframes curiositySky{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes dailyGlow{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes answerBloom{0%{transform:scale(.985)}70%{transform:scale(1.012)}100%{transform:scale(1)}}
@media(max-width:760px){.journey{grid-template-columns:1fr}.daily-world:after{width:300px;height:300px}.passport-grid{grid-template-columns:1fr 1fr}.passport-stamp{min-height:190px;padding:18px}}
@media(max-width:480px){.passport-grid{grid-template-columns:1fr}.curiosity-share-card strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){body,.daily-world:after,.daily-orb,.option:has(input:checked){animation:none!important}}
/* V10 Daily Curiosity Club */
body{background-size:180% 180%;animation:curiositySky 22s ease-in-out infinite}.daily-world{position:relative;isolation:isolate}.daily-world:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,189,.42),rgba(191,232,212,.16) 52%,transparent 70%);left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1;animation:dailyGlow 7s ease-in-out infinite}.daily-orb{display:block;font-size:42px;color:var(--coral);animation:gentleFloat 4s ease-in-out infinite}.daily-intro{font-family:Georgia,serif;font-style:italic;color:var(--plum)!important}.card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px);box-shadow:0 30px 80px rgba(82,55,75,.12)}.option:active{transform:scale(.985)}.option:has(input:checked){animation:answerBloom .28s ease}.quiz:not(.guest-preview) fieldset:last-of-type{background:linear-gradient(145deg,rgba(109,59,104,.055),rgba(255,202,189,.16));border-radius:22px;padding:24px}.quiz:not(.guest-preview) fieldset:last-of-type legend:before{content:"FINAL QUESTION · ";color:var(--coral);font-size:11px;letter-spacing:.1em}.journey{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;background:linear-gradient(135deg,rgba(255,229,219,.8),rgba(220,244,232,.72),rgba(224,236,255,.68));margin:22px 0}.journey h2{font-size:clamp(28px,4vw,46px);margin:12px 0}.journey-track{display:flex;align-items:center;gap:10px;font-weight:900}.journey-track progress{width:100%}.passport-teaser{background:linear-gradient(135deg,rgba(109,59,104,.09),rgba(155,199,255,.2),rgba(191,232,212,.32))}.passport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px}.passport-stamp{text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stamp-mark{width:76px;height:76px;border:2px dashed var(--plum);border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--coral);transform:rotate(-6deg);background:rgba(255,250,242,.75)}.passport-stamp h2{margin:16px 0 6px}.passport-stamp p{color:var(--coral);letter-spacing:.12em}.curiosity-share-card{max-width:520px;margin:24px auto;padding:26px;border-radius:24px;background:linear-gradient(145deg,#fff1e9,#f0e8f5,#e7f6ee);border:1px solid var(--line);display:grid;gap:10px}.curiosity-share-card span{font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--plum)}.curiosity-share-card strong{font-size:28px}.daily-reveal{max-width:650px;margin:24px auto;padding:28px;text-align:left;border-radius:24px;background:rgba(255,255,255,.64);border:1px solid var(--line)}.daily-reveal p{font-family:Georgia,serif;font-size:18px;line-height:1.75;color:var(--muted)}
@keyframes curiositySky{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes dailyGlow{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes answerBloom{0%{transform:scale(.985)}70%{transform:scale(1.012)}100%{transform:scale(1)}}
@media(max-width:760px){.journey{grid-template-columns:1fr}.daily-world:after{width:300px;height:300px}.passport-grid{grid-template-columns:1fr 1fr}.passport-stamp{min-height:190px;padding:18px}}@media(max-width:480px){.passport-grid{grid-template-columns:1fr}.curiosity-share-card strong{font-size:23px}}@media(prefers-reduced-motion:reduce){body,.daily-world:after,.daily-orb,.option:has(input:checked){animation:none!important}}

/* V10.1 visual consistency patch */
.curiosity-compass{position:relative;display:block;width:52px;height:52px;margin:0 auto 12px;animation:gentleFloat 4s ease-in-out infinite}
.curiosity-compass:before{content:"";position:absolute;inset:7px;border:1.5px solid rgba(109,59,104,.32);border-radius:50%;box-shadow:inset 0 0 0 7px rgba(255,255,255,.22)}
.curiosity-compass i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);left:22px;top:2px;transform-origin:4px 24px;box-shadow:0 3px 10px rgba(255,121,111,.25)}
.curiosity-compass i:nth-child(2){transform:rotate(72deg);background:var(--mint)}.curiosity-compass i:nth-child(3){transform:rotate(144deg);background:var(--blue)}.curiosity-compass i:nth-child(4){transform:rotate(216deg);background:var(--peach)}.curiosity-compass i:nth-child(5){transform:rotate(288deg);background:var(--plum)}
.curiosity-compass b{position:absolute;width:9px;height:9px;left:21.5px;top:21.5px;border-radius:50%;background:var(--plum);animation:compassPulse 2.4s ease-in-out infinite}
@keyframes compassPulse{0%,100%{transform:scale(.75);opacity:.65}50%{transform:scale(1.2);opacity:1}}
.guest-preview fieldset:nth-of-type(2){background:transparent!important;border-radius:0!important;padding:24px 0!important}.guest-preview fieldset:nth-of-type(2) legend:before{content:none!important}
.preview-conversion{margin-top:24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,rgba(255,229,219,.62),rgba(220,244,232,.55));border:1px solid var(--line)}.preview-conversion h2{margin:0 0 8px}.preview-conversion p{color:var(--muted);line-height:1.6}.preview-conversion .btn{margin-top:8px}.preview-login{margin-bottom:0!important}
main a:not(.btn):not(.brand):not(.option),footer a{color:var(--plum);font-weight:750;text-decoration:none;border-bottom:1px solid rgba(109,59,104,.28);transition:color .18s ease,border-color .18s ease,background .18s ease}main a:not(.btn):not(.brand):not(.option):hover,footer a:hover{color:var(--coral);border-color:var(--coral)}
.link-pill,.footer-links a{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 13px!important;border:1px solid rgba(109,59,104,.16)!important;border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(82,55,75,.05)}
.site-footer{max-width:1080px;margin:80px auto 24px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:rgba(255,255,255,.46);border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 55px rgba(82,55,75,.06)}.footer-links{display:flex;gap:8px}.footer-links a{font-size:13px}
.board .tabs a,.board .leaderboard-tabs a{border-bottom:0!important}
@media(max-width:560px){.site-footer{margin:55px 12px 18px;border-radius:24px;flex-direction:column;gap:10px}.preview-conversion{padding:20px}.preview-conversion .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.curiosity-compass,.curiosity-compass b{animation:none!important}}

/* ===== Stability & Accessibility Release ===== */
:focus-visible{outline:3px solid #5b2d60;outline-offset:3px;border-radius:6px}
a,button,input,select,textarea,[role="button"]{-webkit-tap-highlight-color:rgba(91,45,96,.16)}
button,.btn,a.btn,input[type="submit"],input[type="button"]{min-height:44px}
.skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);background:#fff;color:#4f2856;padding:10px 14px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.skip-link:focus{transform:none}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.status-message,.error-message,.empty-state{overflow-wrap:anywhere}
@media (max-width:768px){nav a,.mobile-menu a,.footer-links a{min-height:44px;display:flex;align-items:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ===== V12.1 FINAL UI / MOBILE MENU HOTFIX ===== */
/* Keep the skip link available to keyboard users without exposing it visually. */
.skip-link{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;transform:none!important}
.skip-link:focus,.skip-link:focus-visible{width:auto!important;height:auto!important;padding:10px 14px!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;left:12px!important;top:12px!important;background:#fffaf2!important;color:var(--plum)!important;box-shadow:0 10px 32px rgba(49,36,59,.2)!important;z-index:100000!important}

/* Mobile menu: backdrop must remain BELOW the nav stacking context so links are clickable. */
@media(max-width:900px){
 nav{z-index:2000!important;isolation:isolate}
 .nav-links{z-index:2002!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fffaf2!important}
 .nav-links.open{pointer-events:auto!important;visibility:visible!important;opacity:1!important}
 .nav-links.open a{position:relative;z-index:1;pointer-events:auto!important;color:var(--ink)!important;background:transparent!important}
 .nav-links.open a:hover,.nav-links.open a:focus-visible{background:rgba(109,59,104,.08)!important;color:var(--plum)!important}
 .nav-backdrop{z-index:1999!important;pointer-events:none!important}
 .nav-backdrop.open{z-index:1999!important;pointer-events:auto!important}
}

/* Leaderboard selected period always has readable text. */
.leaderboard-tabs a.active,.leaderboard-tabs a.active:visited,.leaderboard-tabs a.active:hover,.leaderboard-tabs a.active:focus{color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--plum)!important;opacity:1!important}

/* Premium comparison: balanced, aligned cards and actions. */
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.plan-grid .plan{height:100%!important;min-height:0!important;transform:none!important}
.plan-grid .plan ul{flex:1 1 auto!important;margin:12px 0 24px!important}
.plan-grid .plan .btn{margin-top:auto!important;width:100%!important}
@media(max-width:760px){.plan-grid{grid-template-columns:1fr!important}}

/* Footer stays clean: no inner pills/borders/background panels behind legal links. */
.site-footer{background:transparent!important;border:0!important;box-shadow:none!important}
.footer-links{background:transparent!important;border:0!important;box-shadow:none!important}
.footer-links a{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 10px!important}

/* Restrained product polish, pointer devices only. */
a,button,.btn,.card,.option{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,opacity .2s ease}
@media(hover:hover) and (pointer:fine){
 .card:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(82,55,75,.12);border-color:rgba(109,59,104,.16)}
 .btn:hover,button:hover{transform:translateY(-2px)}
 .nav-links a:hover{background:rgba(109,59,104,.06)}
}
@media(prefers-reduced-motion:reduce){body{animation:none!important}.card:hover,.btn:hover,button:hover{transform:none!important}}

/* V12.1 final: center only the guest preview conversion CTA content */
.preview-conversion{text-align:center}
.preview-conversion>p{max-width:620px;margin-left:auto;margin-right:auto}
.preview-conversion .btn{display:block;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
.preview-login{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
@media(max-width:560px){.preview-conversion .btn{width:100%}.preview-login{flex-direction:column;gap:10px}}

/* V12.2 guest preview flow */
.preview-score{text-align:center;margin:24px auto;max-width:620px;padding:22px;border-radius:20px;background:rgba(255,255,255,.58)}
.answer-review{display:grid;gap:14px;margin:22px 0}
.review-item{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.64);border:1px solid rgba(92,58,92,.12)}
.review-item.correct{border-color:rgba(74,154,128,.35)}
.review-item.incorrect{border-color:rgba(220,112,96,.35)}
.preview-conversion{text-align:center;margin-left:auto;margin-right:auto}
.preview-conversion .btn{display:inline-flex;justify-content:center;align-items:center}
/* V13 Razorpay test subscription selector */
.billing-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.billing-option{border:1px solid rgba(112,57,105,.18);border-radius:16px;background:rgba(255,255,255,.72);padding:12px;cursor:pointer;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.billing-option strong,.billing-option small{display:block}.billing-option strong{font-size:1.35rem}.billing-option.selected{border-color:#7a3f75;box-shadow:0 8px 24px rgba(122,63,117,.14);transform:translateY(-1px)}@media(max-width:560px){.billing-options{grid-template-columns:1fr}}

/* V13.1 premium selector and footer polish */
.plan-pricing{min-height:92px;display:flex;flex-direction:column;justify-content:center;margin:12px 0 16px}.plan-pricing .price{margin:0}.price-period{margin-top:5px;color:var(--muted);font-size:13px;font-weight:700}.premium-pricing{justify-content:center}.billing-options{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:4px;border:1px solid rgba(112,57,105,.2);border-radius:18px;background:rgba(255,255,255,.48);box-shadow:0 8px 24px rgba(82,55,75,.05)}.billing-option{min-width:0;min-height:64px;border:1px solid transparent;border-radius:14px;background:transparent;padding:9px 10px;cursor:pointer;color:var(--plum);font:inherit;line-height:1.2;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.billing-option strong,.billing-option small{display:block}.billing-option strong{font-size:1.3rem}.billing-option small{margin-top:3px;color:var(--muted);font-weight:700}.billing-option:hover{background:rgba(255,255,255,.7);border-color:rgba(255,121,111,.28)}.billing-option.selected{background:linear-gradient(135deg,rgba(255,224,214,.95),rgba(255,255,255,.9));border-color:rgba(122,63,117,.42);box-shadow:0 5px 16px rgba(122,63,117,.12);transform:none;color:var(--plum)}.billing-option.selected small{color:var(--plum)}.billing-option:focus-visible{outline:3px solid rgba(255,121,111,.55);outline-offset:3px}.plan-grid .plan>.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px}.site-footer{max-width:none;margin:60px auto 20px;padding:12px 20px;gap:8px}.footer-links{align-items:center;gap:0}.footer-links a{min-height:44px;padding:8px 9px!important}.footer-links a+a::before{content:'·';margin-right:18px;color:var(--muted);pointer-events:none}.site-footer>span::after{content:'·';margin-left:10px;color:var(--muted)}@media(max-width:760px){.plan-pricing{min-height:0}.site-footer{margin-top:48px}.site-footer>span::after{display:none}.footer-links{width:100%;justify-content:center;flex-wrap:wrap}}@media(max-width:360px){.billing-options{grid-template-columns:1fr}.billing-option{min-height:54px}.footer-links a+a::before{margin-right:10px}}@media(prefers-reduced-motion:reduce){.billing-option{transition:none}}


/* Mobile-only pricing heading alignment polish */
@media (max-width: 600px) {
  .plan-grid .plan > h2,
  .plan-grid .plan > .plan-pricing:not(.premium-pricing) {
    text-align: center;
  }

  .plan-grid .plan > .plan-pricing:not(.premium-pricing) {
    align-items: center;
  }

  .plan-grid .plan.featured > h2 {
    text-align: center;
  }
}


/* V13.1.3 desktop pricing alignment and selector state fix */
@media (min-width: 761px) {
  .plan-grid .plan > h2 { text-align: center; }
  .plan-grid .plan > .plan-pricing:not(.premium-pricing) { align-items: center; text-align: center; }
  .plan-grid .plan.featured > .billing-options,
  .plan-grid .plan.featured .billing-options { margin-left: auto; margin-right: auto; }
}
.billing-option[aria-checked="true"] { background:linear-gradient(135deg,rgba(255,224,214,.95),rgba(255,255,255,.9));border-color:rgba(122,63,117,.42);box-shadow:0 5px 16px rgba(122,63,117,.12);transform:none;color:var(--plum); }
.billing-option[aria-checked="true"] small { color:var(--plum); }
.billing-option[aria-checked="false"] { background:transparent;border-color:transparent;box-shadow:none;transform:none; }
.billing-option[aria-checked="false"] small { color:var(--muted); }
.billing-option[aria-checked="false"]:hover { background:rgba(255,255,255,.7);border-color:rgba(255,121,111,.28); }

/* V13.1.4 center featured plan pill text */
.plan-grid .plan.featured > .pill { justify-content: center; text-align: center; }

/* V13.1.5 Premium member experience */
body.premium-member{background:linear-gradient(135deg,#fffaf2 0%,#fff4e7 34%,#f8f1e7 66%,#f3f7f2 100%);background-attachment:fixed}
body.premium-member:before{opacity:.42;background-image:radial-gradient(circle at 12% 18%,rgba(218,170,92,.18),transparent 25%),radial-gradient(circle at 88% 14%,rgba(109,59,104,.16),transparent 24%),radial-gradient(circle at 72% 86%,rgba(238,205,139,.18),transparent 26%)}
.nav-premium-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid rgba(166,116,42,.25);border-radius:999px;background:rgba(255,246,220,.78);color:#7b5724;font-size:10px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
.premium-active-state{text-align:center;padding:14px 12px;border:1px solid rgba(166,116,42,.2);border-radius:18px;background:linear-gradient(135deg,rgba(255,247,224,.78),rgba(255,255,255,.72))}
.premium-active-state strong{display:block;margin-top:5px;color:var(--plum);font-size:1.05rem}.premium-active-state .fine{margin:6px 0 0}.premium-active-mark{display:inline-block;color:#a6752c;font-size:1.25rem}
body.premium-member:not(.premium-welcomed) .nav-premium-badge{animation:premium-welcome 1.1s ease-out 1}
@keyframes premium-welcome{0%{box-shadow:0 0 0 0 rgba(196,145,65,.34);transform:scale(.96)}55%{box-shadow:0 0 0 10px rgba(196,145,65,0);transform:scale(1.04)}100%{box-shadow:none;transform:scale(1)}}
@media(max-width:760px){.nav-premium-badge{padding:5px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){body.premium-member:not(.premium-welcomed) .nav-premium-badge{animation:none}}

/* v13.1.6: keep the final ranked question legend structured on narrow screens. */
@media (max-width: 600px){
  .quiz:not(.guest-preview) fieldset:last-of-type legend{display:block;width:100%;line-height:1.25;padding:0 4px 10px}
  .quiz:not(.guest-preview) fieldset:last-of-type legend:before{display:block;margin-bottom:6px;line-height:1.2}
}

/* v13.2.3: polished run titles, structured final question, stable per-guest preview selection. */
.quiz:not(.guest-preview) fieldset.final-question{background:linear-gradient(145deg,rgba(109,59,104,.055),rgba(255,202,189,.16));border-radius:22px;padding:24px}
.quiz:not(.guest-preview) fieldset.final-question legend{display:block;width:100%;padding:0 4px 12px;line-height:1.3}
.quiz:not(.guest-preview) fieldset.final-question legend:before{content:none!important}
.final-question-label{display:block;color:var(--coral);font-size:11px;font-weight:950;letter-spacing:.1em;margin-bottom:7px}
.question-legend-text{display:block;overflow-wrap:anywhere}
@media(max-width:760px){.quiz:not(.guest-preview) fieldset.final-question{padding:20px 16px}.quiz:not(.guest-preview) fieldset.final-question legend{padding:0 0 12px}.question-legend-text{font-size:18px;line-height:1.28}}



/* v13.2.5 structural question flow, final question card, footer container, premium ambience */
.quiz-form{display:block}.question-section{min-width:0;border-top:1px solid var(--line);padding:24px 0}.question-header{display:block;min-width:0;margin:0 0 14px;padding:0 4px}.question-title{margin:0;font-size:18px;line-height:1.4;font-weight:900;overflow-wrap:anywhere;word-break:normal}.question-options{min-width:0;margin:0;padding:0;border:0}.question-options .option{width:100%;min-width:0}.final-question-section{margin-top:10px;padding:24px;border:0;border-radius:22px;background:linear-gradient(145deg,rgba(109,59,104,.055),rgba(255,202,189,.16))}.final-question-header{margin:0 0 18px;padding:0}.final-question-label{display:block;margin:0 0 8px;color:var(--coral);font-size:12px;line-height:1.2;font-weight:950;letter-spacing:.1em}.final-question-title{font-size:clamp(20px,2vw,27px);line-height:1.32}.final-question-options{margin:0}.quiz-submit{margin-top:0}.site-footer{width:calc(100% - 40px);max-width:1080px;margin:60px auto 24px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-radius:24px}.site-footer>span::after{content:none}.site-footer .footer-links{margin-left:auto;display:flex;align-items:center;gap:4px}.site-footer .footer-links a{min-height:44px;padding:8px 10px!important}.site-footer .footer-links a+a::before{content:'·';margin-right:14px;color:var(--muted)}
body.premium-member{position:relative;background:linear-gradient(135deg,#fffaf2 0%,#fff4e7 32%,#f7f2e9 65%,#eef7f1 100%);background-attachment:fixed}body.premium-member::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 22%,rgba(218,170,92,.13),transparent 28%),radial-gradient(circle at 82% 18%,rgba(109,59,104,.10),transparent 27%),radial-gradient(circle at 68% 82%,rgba(132,199,169,.12),transparent 30%);animation:premiumAmbient 18s ease-in-out infinite alternate}@keyframes premiumAmbient{from{transform:scale(1);opacity:.75}to{transform:scale(1.06);opacity:1}}
@media(max-width:760px){.question-section{padding:20px 0}.question-header{margin-bottom:12px;padding:0}.question-title{font-size:18px;line-height:1.35}.final-question-section{padding:20px 16px}.final-question-title{font-size:20px;line-height:1.35}.site-footer{width:calc(100% - 24px);margin:48px 12px 18px;padding:18px;flex-direction:column;justify-content:center;gap:8px;text-align:center}.site-footer .footer-links{margin-left:0;justify-content:center;flex-wrap:wrap}}
@media(max-width:360px){.final-question-section{padding:18px 12px}.question-title,.final-question-title{font-size:17px}.option{padding:12px}}
@media(prefers-reduced-motion:reduce){body.premium-member::after{animation:none}}

/* v13.2.7 mobile submit alignment */
@media (max-width:600px){
  .quiz-form .quiz-submit{display:block;width:min(100%,320px);margin:16px auto 0;text-align:center;}
}
/* V14 Knowledge Ring, Curiosity Feed, Friend Duels, Curiosity Profile */
.knowledge-ring{--ring:0%;width:150px;aspect-ratio:1;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--coral) var(--ring),rgba(109,59,104,.12) 0);position:relative}.knowledge-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--paper)}.knowledge-ring strong{position:relative;font-size:30px}.curiosity-profile-card{text-align:center}.curiosity-feed{max-width:900px;margin:24px auto}.curiosity-feed>.grid{padding:0;margin:20px auto}.quiz-form .quiz-submit{display:block;width:min(100%,320px);margin:16px auto 0;text-align:center}
/* V14.1 repair: chest and duel polish */
.daily-chest{text-align:center}.daily-chest form{margin:14px 0 0}.daily-chest .btn{margin-left:auto;margin-right:auto}.duel-result{max-width:900px}.duel-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.duel-score-grid strong{font-size:36px}.quiz.card:has(form[action="submit-duel.php"]){max-width:900px}.quiz.card:has(form[action="submit-duel.php"]) .quiz-submit{display:block;width:min(100%,320px);margin:20px auto 0}

/* v14.2 dashboard/social repair */
.daily-chest,.friend-duels-dashboard,.passport-teaser{text-align:left}.daily-chest form{margin:0}.daily-chest .btn{margin-left:0;margin-right:auto}.friend-duels-dashboard .btn,.passport-teaser .btn{margin-left:0;margin-right:auto}.duel-dashboard-list{display:grid;gap:10px;margin:16px 0}.duel-dashboard-list a{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(75,42,76,.14);border-radius:16px;text-decoration:none}.duel-dashboard-list span{opacity:.75}.duel-help{max-width:620px;margin:10px auto 18px;font-size:.92rem;opacity:.78}.duel-result .result-actions{padding-bottom:18px;flex-wrap:wrap}@media(max-width:700px){.duel-dashboard-list a{align-items:flex-start;flex-direction:column}.duel-result h1{font-size:clamp(2.4rem,12vw,4.5rem)}}
/* v14.3 Daily Chest reward celebration */
.daily-chest.chest-celebrating{position:relative;overflow:hidden;animation:chestGlow .9s ease-out}
.chest-xp-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(28px,5vw,52px);font-weight:950;color:var(--coral);pointer-events:none;animation:xpFloat 1.5s ease-out forwards;z-index:3}
.chest-particle{position:absolute;left:50%;top:55%;width:9px;height:9px;border-radius:50%;background:var(--coral);pointer-events:none;animation:chestBurst .9s ease-out forwards}
@keyframes chestGlow{0%{box-shadow:0 0 0 rgba(255,121,111,0);transform:scale(.99)}45%{box-shadow:0 0 45px rgba(255,121,111,.32);transform:scale(1.01)}100%{box-shadow:var(--shadow);transform:scale(1)}}
@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-180%) scale(1.12)}}
@keyframes chestBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateX(0) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(120px) scale(.2)}}
@media(prefers-reduced-motion:reduce){.daily-chest.chest-celebrating,.chest-xp-pop,.chest-particle{animation:none!important}.chest-xp-pop{display:none}}
.duel-dashboard-summary{margin:16px 0}.duel-dashboard-summary>strong,.duel-history-item>strong{display:block;margin-bottom:6px}.duel-dashboard-summary p{margin:0 0 14px}.duel-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.duel-dashboard-actions .btn{margin:0}.duel-history-link{display:inline-block;margin-top:12px}.duel-history-list{display:grid;gap:14px;margin:20px 0}.duel-history-item{text-align:left}.duel-history-item .btn{margin-left:0;margin-right:auto}@media(max-width:700px){.duel-dashboard-actions{align-items:stretch;flex-direction:column}.duel-dashboard-actions .btn{width:100%;text-align:center}}

/* Passport pack alignment */
.passport-intro{max-width:760px}.passport-orbit{width:68px;height:68px;margin-bottom:4px}.passport-orbit:before{inset:9px}.passport-orbit i{left:30px;top:3px;transform-origin:4px 31px}.passport-orbit i:nth-child(2){transform:rotate(72deg)}.passport-orbit i:nth-child(3){transform:rotate(144deg)}.passport-orbit i:nth-child(4){transform:rotate(216deg)}.passport-orbit i:nth-child(5){transform:rotate(288deg)}.passport-orbit b{left:29.5px;top:29.5px}.passport-stars{margin:0 0 8px}.passport-next{display:block;margin-top:7px;color:var(--muted)}

/* v14.6 compact mobile player progress and actionable menu status */
.mobile-player-progress{display:none}.nav-action-dot{display:none}
@media(max-width:900px){.nav-links{gap:2px!important}.mobile-player-progress{display:block;padding:14px 14px 13px;margin:0 0 5px;border:1px solid rgba(109,59,104,.13);border-radius:16px;background:linear-gradient(135deg,rgba(255,226,216,.72),rgba(255,255,255,.82),rgba(218,241,231,.58))}.mobile-player-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-player-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.mobile-player-top span{flex:0 0 auto;font-size:10px;font-weight:950;letter-spacing:.1em;color:var(--plum)}.mobile-player-progress progress{display:block;height:8px;margin:9px 0 6px}.mobile-player-progress small{display:block;color:var(--muted);font-size:11px;font-weight:800}.nav-links a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:46px}.nav-action-dot{display:inline-flex;align-items:center;flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(255,121,111,.13);color:var(--plum);font-size:9px;font-weight:950;letter-spacing:.03em}.nav-links{padding:10px!important}.nav-links a{padding:10px 12px!important}}
@media(max-width:390px){.mobile-player-progress{padding:12px}.nav-links a{min-height:44px;padding:9px 11px!important}}
@media(prefers-reduced-motion:reduce){.mobile-player-progress,.nav-action-dot{transition:none!important}}

/* v14.7 desktop player progress, compact Premium identity and Profile Themes */
.desktop-player-progress{display:flex;flex:0 0 190px;min-width:160px;max-width:210px;flex-direction:column;gap:3px;margin-left:auto;padding:5px 10px;border:1px solid rgba(109,59,104,.12);border-radius:13px;background:linear-gradient(135deg,rgba(255,226,216,.62),rgba(255,255,255,.78),rgba(218,241,231,.52))}.desktop-player-progress>div{display:flex;justify-content:space-between;gap:6px;align-items:center}.desktop-player-progress strong{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.desktop-player-progress span{font-size:7px;font-weight:950;letter-spacing:.05em}.desktop-player-progress progress{height:5px;margin:0}.desktop-player-progress small{font-size:8px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-premium-user{margin-left:auto;margin-right:4px;font-size:8px!important;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.65)}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.theme-option{display:block;min-height:94px;padding:12px;border:2px solid transparent;border-radius:16px;cursor:pointer}.theme-option:has(input:checked){border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,121,111,.13)}.theme-option input{margin:0 0 20px}.theme-option span,.theme-option strong,.theme-option small{display:block}.theme-option small{margin-top:4px}.theme-preview-classic{background:linear-gradient(135deg,#fff4e8,#fff,#eef7ee)}.theme-preview-aurora,.profile-theme-aurora .rank-hero,.public-profile-card.profile-theme-aurora{background:linear-gradient(135deg,#e9e1ff,#f8f4ff,#dff6eb)}.theme-preview-sunset,.profile-theme-sunset .rank-hero,.public-profile-card.profile-theme-sunset{background:linear-gradient(135deg,#ffe0d5,#fff0d8,#fff8ed)}.theme-preview-midnight,.profile-theme-midnight .rank-hero,.public-profile-card.profile-theme-midnight{background:linear-gradient(135deg,#2d213d,#25334c,#493253);color:#fff}.profile-theme-midnight .rank-hero p,.public-profile-card.profile-theme-midnight p{color:rgba(255,255,255,.82)}
@media(max-width:900px){.desktop-player-progress{display:none}.mobile-player-top{justify-content:flex-start}.mobile-player-top>span:last-child{margin-left:auto}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.theme-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none!important}}


/* v14.8 targeted desktop header centering and full Premium profile themes */
@media(min-width:901px){
 nav{position:relative;display:flex;align-items:center}
 nav>.nav-links{position:absolute;left:50%;transform:translateX(-50%);justify-content:center;white-space:nowrap}
 nav>.desktop-player-progress{margin-left:auto}
}
.profile-premium-link{display:flex;justify-content:flex-start;margin:0 0 18px}
.profile-premium-link .btn{width:auto}

.profile-page{position:relative;isolation:isolate;border-radius:28px;padding:28px;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.profile-page:before,.profile-page:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:999px;opacity:.55}
.profile-page .card,.profile-page .rank-hero,.profile-page .btn,.profile-page progress{transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.profile-theme-aurora{background:radial-gradient(circle at 10% 10%,rgba(198,180,255,.34),transparent 32%),radial-gradient(circle at 90% 22%,rgba(169,238,214,.38),transparent 34%),linear-gradient(145deg,rgba(248,244,255,.78),rgba(236,251,246,.74));box-shadow:0 24px 70px rgba(99,75,135,.12)}
.profile-theme-aurora:before{width:180px;height:180px;right:4%;top:7%;border:2px solid rgba(109,59,104,.14);box-shadow:0 0 42px rgba(143,112,204,.22)}
.profile-theme-aurora .card{background:rgba(255,255,255,.72);border-color:rgba(130,101,177,.18);box-shadow:0 14px 38px rgba(93,72,128,.1)}
.profile-theme-aurora .rank-hero{background:linear-gradient(135deg,#ddd1ff,#f6f0ff,#ccefe0)}
.profile-theme-aurora .pill,.profile-theme-aurora .btn{box-shadow:0 8px 24px rgba(110,76,150,.15)}

.profile-theme-sunset{background:radial-gradient(circle at 12% 8%,rgba(255,156,126,.32),transparent 31%),radial-gradient(circle at 88% 28%,rgba(255,214,139,.38),transparent 34%),linear-gradient(145deg,rgba(255,242,232,.86),rgba(255,249,232,.76));box-shadow:0 24px 70px rgba(172,91,61,.12)}
.profile-theme-sunset:before{width:210px;height:210px;right:2%;top:5%;background:radial-gradient(circle,rgba(255,185,116,.28),transparent 68%)}
.profile-theme-sunset .card{background:rgba(255,252,246,.78);border-color:rgba(214,124,88,.2);box-shadow:0 14px 38px rgba(166,91,61,.1)}
.profile-theme-sunset .rank-hero{background:linear-gradient(135deg,#ffd5c5,#ffe8c8,#fff5e8)}
.profile-theme-sunset .pill{background:#fff0e4}

.profile-theme-midnight{background:radial-gradient(circle at 14% 12%,rgba(117,84,160,.35),transparent 30%),radial-gradient(circle at 86% 18%,rgba(62,113,153,.28),transparent 30%),linear-gradient(145deg,#21192d,#202d42 58%,#39263f);color:#fff;box-shadow:0 26px 80px rgba(25,18,38,.3)}
.profile-theme-midnight:before{inset:0;width:auto;height:auto;border-radius:28px;background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1.5px);background-size:46px 46px;opacity:.12}
.profile-theme-midnight .sub,.profile-theme-midnight p,.profile-theme-midnight span,.profile-theme-midnight small{color:rgba(255,255,255,.78)}
.profile-theme-midnight h1,.profile-theme-midnight h2,.profile-theme-midnight strong,.profile-theme-midnight b{color:#fff}
.profile-theme-midnight .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:0 16px 42px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.profile-theme-midnight .rank-hero{background:linear-gradient(135deg,#38254e,#243a58,#563458);border-color:rgba(255,255,255,.16)}
.profile-theme-midnight .pill{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.15)}
.profile-theme-midnight .btn.secondary,.profile-theme-midnight a:not(.btn){color:#fff}
.profile-theme-midnight .theme-option{color:var(--ink)}
.profile-theme-midnight .theme-preview-midnight{color:#fff}

.public-profile-card.profile-theme-aurora,.public-profile-card.profile-theme-sunset,.public-profile-card.profile-theme-midnight{padding:38px;border-radius:28px;box-shadow:0 24px 70px rgba(49,36,59,.18)}
@media(max-width:900px){.profile-page{padding:20px 14px;border-radius:22px}.profile-premium-link{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.profile-page,.profile-page .card,.profile-page .rank-hero,.profile-page .btn,.profile-page progress{transition:none!important}}

/* V14.9 six-theme profile/dashboard polish and live preview */
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-preview-deep-ocean{background:linear-gradient(135deg,#102a3a,#164b55,#1e6570);color:#fff}
.theme-preview-royal-eclipse{background:linear-gradient(135deg,#24162f,#452659,#6a3568);color:#fff}
.theme-option.is-previewing{border-color:var(--theme-accent,var(--coral));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,var(--coral)) 18%,transparent)}
.theme-preview-note{font-size:13px;margin:10px 0 0}
.profile-theme-deep-ocean{--theme-accent:#35c7bd;--theme-accent-2:#58a9d6;background:radial-gradient(circle at 12% 10%,rgba(53,199,189,.22),transparent 30%),radial-gradient(circle at 88% 18%,rgba(88,169,214,.2),transparent 32%),linear-gradient(145deg,#102331,#173644 58%,#16444a);color:#f3fbfb;box-shadow:0 26px 80px rgba(7,30,39,.32)}
.profile-theme-royal-eclipse{--theme-accent:#d16ac8;--theme-accent-2:#8d72e6;background:radial-gradient(circle at 12% 10%,rgba(209,106,200,.24),transparent 30%),radial-gradient(circle at 88% 18%,rgba(141,114,230,.2),transparent 32%),linear-gradient(145deg,#21152b,#352044 58%,#4b2448);color:#fff7ff;box-shadow:0 26px 80px rgba(31,16,39,.34)}
.profile-theme-deep-ocean .card,.profile-theme-royal-eclipse .card{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.15);box-shadow:0 16px 42px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.profile-theme-deep-ocean h1,.profile-theme-deep-ocean h2,.profile-theme-deep-ocean strong,.profile-theme-deep-ocean b,.profile-theme-royal-eclipse h1,.profile-theme-royal-eclipse h2,.profile-theme-royal-eclipse strong,.profile-theme-royal-eclipse b{color:#fff}
.profile-theme-deep-ocean p,.profile-theme-deep-ocean span,.profile-theme-deep-ocean small,.profile-theme-royal-eclipse p,.profile-theme-royal-eclipse span,.profile-theme-royal-eclipse small{color:rgba(255,255,255,.8)}
.profile-theme-deep-ocean .rank-hero{background:linear-gradient(135deg,#123848,#175563,#25747b)}
.profile-theme-royal-eclipse .rank-hero{background:linear-gradient(135deg,#342044,#532c61,#713b69)}
.profile-theme-deep-ocean .pill,.profile-theme-royal-eclipse .pill{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16)}
.profile-theme-deep-ocean .theme-option,.profile-theme-royal-eclipse .theme-option{color:var(--ink)}
.profile-theme-deep-ocean .theme-preview-deep-ocean,.profile-theme-royal-eclipse .theme-preview-royal-eclipse{color:#fff}
.profile-page[class*="profile-theme-"] .btn:not(.secondary),.profile-page[class*="profile-theme-"] button.btn:not(.secondary){background:var(--theme-accent,var(--coral));border-color:var(--theme-accent,var(--coral));color:#fff}
.profile-theme-aurora{--theme-accent:#8065c9;--theme-accent-2:#55a98b}.profile-theme-sunset{--theme-accent:#df7658;--theme-accent-2:#d69b48}.profile-theme-midnight{--theme-accent:#9b65c8;--theme-accent-2:#638fc4}.profile-theme-classic{--theme-accent:var(--coral);--theme-accent-2:var(--plum)}
.profile-page[class*="profile-theme-"] progress,.dashboard-theme-aurora progress,.dashboard-theme-sunset progress,.dashboard-theme-midnight progress,.dashboard-theme-deep-ocean progress,.dashboard-theme-royal-eclipse progress{accent-color:var(--theme-accent,var(--coral))}
.public-profile-card.profile-theme-deep-ocean,.public-profile-card.profile-theme-royal-eclipse{padding:38px;border-radius:28px;box-shadow:0 24px 70px rgba(49,36,59,.2)}
/* Dashboard theme scope: preserve global header while theming dashboard presentation and controls. */
.dash[class*="dashboard-theme-"]{--theme-accent:var(--coral);--theme-accent-2:var(--plum);position:relative;border-radius:28px;padding:24px}
.dashboard-theme-aurora{--theme-accent:#8065c9;--theme-accent-2:#55a98b;background:linear-gradient(145deg,rgba(241,236,255,.72),rgba(229,249,241,.68))}
.dashboard-theme-sunset{--theme-accent:#df7658;--theme-accent-2:#d69b48;background:linear-gradient(145deg,rgba(255,238,229,.76),rgba(255,248,224,.7))}
.dashboard-theme-midnight{--theme-accent:#9b65c8;--theme-accent-2:#638fc4;background:linear-gradient(145deg,#21192d,#202d42 58%,#39263f);color:#fff}
.dashboard-theme-deep-ocean{--theme-accent:#35c7bd;--theme-accent-2:#58a9d6;background:linear-gradient(145deg,#102331,#173644 58%,#16444a);color:#f3fbfb}
.dashboard-theme-royal-eclipse{--theme-accent:#d16ac8;--theme-accent-2:#8d72e6;background:linear-gradient(145deg,#21152b,#352044 58%,#4b2448);color:#fff7ff}
.dashboard-theme-midnight .card,.dashboard-theme-deep-ocean .card,.dashboard-theme-royal-eclipse .card{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.15);box-shadow:0 16px 42px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.dashboard-theme-midnight h1,.dashboard-theme-midnight h2,.dashboard-theme-midnight h3,.dashboard-theme-midnight strong,.dashboard-theme-midnight b,.dashboard-theme-deep-ocean h1,.dashboard-theme-deep-ocean h2,.dashboard-theme-deep-ocean h3,.dashboard-theme-deep-ocean strong,.dashboard-theme-deep-ocean b,.dashboard-theme-royal-eclipse h1,.dashboard-theme-royal-eclipse h2,.dashboard-theme-royal-eclipse h3,.dashboard-theme-royal-eclipse strong,.dashboard-theme-royal-eclipse b{color:#fff}
.dashboard-theme-midnight p,.dashboard-theme-midnight span,.dashboard-theme-deep-ocean p,.dashboard-theme-deep-ocean span,.dashboard-theme-royal-eclipse p,.dashboard-theme-royal-eclipse span{color:rgba(255,255,255,.8)}
.dash[class*="dashboard-theme-"] .btn:not(.nav-cta),.dash[class*="dashboard-theme-"] button.btn{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
.dash[class*="dashboard-theme-"] .btn.secondary{background:var(--theme-accent-2);border-color:var(--theme-accent-2);color:#fff}
.dash[class*="dashboard-theme-"] a:not(.btn){color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}
.dash[class*="dashboard-theme-"] .pill{color:var(--theme-accent-2);border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent)}
.dashboard-theme-midnight .pill,.dashboard-theme-deep-ocean .pill,.dashboard-theme-royal-eclipse .pill{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16)}
/* Profile footer follows content naturally on desktop; no artificial empty page gap. */
.profile-page+.site-footer{margin-top:28px}
@media(max-width:760px){.theme-options{grid-template-columns:1fr 1fr}.dash[class*="dashboard-theme-"]{padding:14px;border-radius:22px}.profile-page+.site-footer{margin-top:42px}}
@media(max-width:420px){.theme-options{grid-template-columns:1fr}}

/* v14.10 final six-theme consistency pass */
.profile-theme-classic,.dashboard-theme-classic{--theme-accent:var(--coral);--theme-accent-2:var(--plum);--theme-glow:rgba(255,121,111,.24);--theme-link:var(--plum)}
.profile-theme-aurora,.dashboard-theme-aurora{--theme-glow:rgba(128,101,201,.24);--theme-link:#654ca9}
.profile-theme-sunset,.dashboard-theme-sunset{--theme-glow:rgba(223,118,88,.24);--theme-link:#b8553d}
.profile-theme-midnight,.dashboard-theme-midnight{--theme-glow:rgba(155,101,200,.34);--theme-link:#d7b4f1}
.profile-theme-deep-ocean,.dashboard-theme-deep-ocean{--theme-glow:rgba(53,199,189,.32);--theme-link:#83eee6}
.profile-theme-royal-eclipse,.dashboard-theme-royal-eclipse{--theme-glow:rgba(209,106,200,.34);--theme-link:#f0a8e9}
.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn{box-shadow:0 9px 24px var(--theme-glow);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.profile-page[class*="profile-theme-"] .btn:hover,.dash[class*="dashboard-theme-"] .btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px var(--theme-glow)}
.profile-page[class*="profile-theme-"] .btn:focus-visible,.dash[class*="dashboard-theme-"] .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent) 38%,white);outline-offset:3px}
.profile-page[class*="profile-theme-"] .btn.secondary,.dash[class*="dashboard-theme-"] .btn.secondary{background:var(--theme-accent-2);border-color:var(--theme-accent-2);color:#fff;box-shadow:0 9px 24px color-mix(in srgb,var(--theme-accent-2) 28%,transparent)}
.profile-page[class*="profile-theme-"] a:not(.btn),.dash[class*="dashboard-theme-"] a:not(.btn){color:var(--theme-link);text-decoration-color:color-mix(in srgb,var(--theme-link) 55%,transparent)}
.profile-page[class*="profile-theme-"] .pill,.dash[class*="dashboard-theme-"] .pill{color:var(--theme-accent-2);border-color:color-mix(in srgb,var(--theme-accent) 30%,transparent);box-shadow:0 5px 16px color-mix(in srgb,var(--theme-accent) 12%,transparent)}
.profile-page[class*="profile-theme-"] progress,.dash[class*="dashboard-theme-"] progress{accent-color:var(--theme-accent)}
.profile-page[class*="profile-theme-"] .theme-option:has(input:checked),.profile-page[class*="profile-theme-"] .theme-option.is-previewing{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent),0 9px 24px var(--theme-glow)}
.dashboard-theme-aurora .card{border-color:rgba(128,101,201,.17);box-shadow:0 14px 36px rgba(93,72,128,.11)}
.dashboard-theme-sunset .card{border-color:rgba(223,118,88,.18);box-shadow:0 14px 36px rgba(166,91,61,.11)}
.dashboard-theme-aurora .pill{background:rgba(255,255,255,.7)}.dashboard-theme-sunset .pill{background:rgba(255,250,244,.78)}
.dashboard-theme-midnight .pill,.dashboard-theme-deep-ocean .pill,.dashboard-theme-royal-eclipse .pill,.profile-theme-midnight .pill,.profile-theme-deep-ocean .pill,.profile-theme-royal-eclipse .pill{background:color-mix(in srgb,var(--theme-accent) 18%,rgba(255,255,255,.08));color:#fff;border-color:color-mix(in srgb,var(--theme-accent) 42%,rgba(255,255,255,.12));box-shadow:0 6px 18px var(--theme-glow)}
.dashboard-theme-midnight a:not(.btn),.dashboard-theme-deep-ocean a:not(.btn),.dashboard-theme-royal-eclipse a:not(.btn),.profile-theme-midnight a:not(.btn),.profile-theme-deep-ocean a:not(.btn),.profile-theme-royal-eclipse a:not(.btn){color:var(--theme-link)}
.dashboard-theme-midnight .quest-grid .card,.dashboard-theme-deep-ocean .quest-grid .card,.dashboard-theme-royal-eclipse .quest-grid .card{background:color-mix(in srgb,var(--theme-accent) 8%,rgba(255,255,255,.09));border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(255,255,255,.14));box-shadow:0 14px 34px rgba(0,0,0,.2)}
.dashboard-theme-midnight .quest-grid .card p,.dashboard-theme-deep-ocean .quest-grid .card p,.dashboard-theme-royal-eclipse .quest-grid .card p,.dashboard-theme-midnight .quest-grid .card span,.dashboard-theme-deep-ocean .quest-grid .card span,.dashboard-theme-royal-eclipse .quest-grid .card span{color:rgba(255,255,255,.8)}
.dashboard-theme-midnight .quest-grid .card h3,.dashboard-theme-deep-ocean .quest-grid .card h3,.dashboard-theme-royal-eclipse .quest-grid .card h3{color:#fff}
.profile-theme-midnight .card,.profile-theme-deep-ocean .card,.profile-theme-royal-eclipse .card,.dashboard-theme-midnight .card,.dashboard-theme-deep-ocean .card,.dashboard-theme-royal-eclipse .card{box-shadow:0 16px 42px rgba(0,0,0,.22),0 0 28px color-mix(in srgb,var(--theme-accent) 7%,transparent)}
.profile-theme-midnight .share-row a,.profile-theme-deep-ocean .share-row a,.profile-theme-royal-eclipse .share-row a,.profile-theme-midnight .copy-share,.profile-theme-deep-ocean .copy-share,.profile-theme-royal-eclipse .copy-share{background:rgba(255,255,255,.92);color:var(--ink);border-color:rgba(255,255,255,.35)}
@media(prefers-reduced-motion:reduce){.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn{transition:none!important}.profile-page[class*="profile-theme-"] .btn:hover,.dash[class*="dashboard-theme-"] .btn:hover{transform:none}}

/* v14.11 SUPER FINAL: unified theme token system, contrast-safe across Profile + Dashboard */
.profile-page[class*="profile-theme-"],.dash[class*="dashboard-theme-"]{--t-bg:#fffaf6;--t-surface:rgba(255,255,255,.86);--t-surface2:rgba(255,255,255,.72);--t-text:#31243b;--t-muted:#756b7c;--t-border:rgba(49,36,59,.12);--t-accent:#ff796f;--t-accent2:#7b356f;--t-on-accent:#fff;--t-track:rgba(49,36,59,.18);--t-shadow:rgba(80,55,65,.13);color:var(--t-text);background:var(--t-bg)}
.profile-theme-aurora,.dashboard-theme-aurora{--t-bg:linear-gradient(145deg,#f2edff,#e7faf2);--t-surface:rgba(255,255,255,.78);--t-surface2:rgba(255,255,255,.62);--t-text:#302842;--t-muted:#6c6578;--t-border:rgba(101,76,169,.18);--t-accent:#8065c9;--t-accent2:#397f69;--t-track:rgba(48,40,66,.2);--t-shadow:rgba(101,76,169,.18)}
.profile-theme-sunset,.dashboard-theme-sunset{--t-bg:linear-gradient(145deg,#fff0e7,#fff7df);--t-surface:rgba(255,252,247,.84);--t-surface2:rgba(255,248,238,.72);--t-text:#34263b;--t-muted:#756773;--t-border:rgba(190,91,61,.2);--t-accent:#df7658;--t-accent2:#a96816;--t-track:rgba(52,38,59,.2);--t-shadow:rgba(190,91,61,.18)}
.profile-theme-midnight,.dashboard-theme-midnight{--t-bg:linear-gradient(145deg,#21152d,#2b213c 55%,#402542);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#fff;--t-muted:rgba(255,255,255,.78);--t-border:rgba(255,255,255,.17);--t-accent:#c178e8;--t-accent2:#9b65c8;--t-track:rgba(255,255,255,.24);--t-shadow:rgba(155,101,200,.32)}
.profile-theme-deep-ocean,.dashboard-theme-deep-ocean{--t-bg:linear-gradient(145deg,#0d2935,#103b48 58%,#14505a);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#f7ffff;--t-muted:rgba(240,255,255,.79);--t-border:rgba(170,245,240,.2);--t-accent:#3ed2c8;--t-accent2:#27a99f;--t-track:rgba(255,255,255,.25);--t-shadow:rgba(53,199,189,.3)}
.profile-theme-royal-eclipse,.dashboard-theme-royal-eclipse{--t-bg:linear-gradient(145deg,#28152f,#442149 58%,#5b2856);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#fff9ff;--t-muted:rgba(255,245,255,.8);--t-border:rgba(255,190,245,.2);--t-accent:#dd70d3;--t-accent2:#a877ee;--t-track:rgba(255,255,255,.25);--t-shadow:rgba(209,106,200,.32)}
.profile-page[class*="profile-theme-"],.dash[class*="dashboard-theme-"]{color:var(--t-text)!important;background:var(--t-bg)!important;box-shadow:0 22px 60px var(--t-shadow)!important}
.profile-page[class*="profile-theme-"] .card,.dash[class*="dashboard-theme-"] .card{background:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-border)!important;box-shadow:0 14px 34px var(--t-shadow)!important}
.profile-page[class*="profile-theme-"] :is(h1,h2,h3,h4,b,strong,small),.dash[class*="dashboard-theme-"] :is(h1,h2,h3,h4,b,strong,small){color:var(--t-text)!important}
.profile-page[class*="profile-theme-"] :is(p,span,.sub),.dash[class*="dashboard-theme-"] :is(p,span,.sub){color:var(--t-muted)!important}
.profile-page[class*="profile-theme-"] .pill,.dash[class*="dashboard-theme-"] .pill{background:color-mix(in srgb,var(--t-accent) 15%,var(--t-surface))!important;color:var(--t-text)!important;border-color:color-mix(in srgb,var(--t-accent) 55%,var(--t-border))!important;box-shadow:0 5px 16px var(--t-shadow)!important;font-weight:800}
.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn{background:var(--t-accent)!important;border-color:var(--t-accent)!important;color:var(--t-on-accent)!important;box-shadow:0 9px 24px var(--t-shadow)!important;font-weight:800}
.profile-page[class*="profile-theme-"] .btn.secondary,.dash[class*="dashboard-theme-"] .btn.secondary{background:var(--t-accent2)!important;border-color:var(--t-accent2)!important;color:#fff!important}
.profile-page[class*="profile-theme-"] a:not(.btn),.dash[class*="dashboard-theme-"] a:not(.btn){color:var(--t-accent)!important;text-decoration-color:currentColor!important}
.profile-page[class*="profile-theme-"] progress,.dash[class*="dashboard-theme-"] progress{accent-color:var(--t-accent)!important;background:var(--t-track)!important;color:var(--t-accent)!important}
.profile-page[class*="profile-theme-"] progress::-webkit-progress-bar,.dash[class*="dashboard-theme-"] progress::-webkit-progress-bar{background:var(--t-track)!important;border-radius:999px}
.profile-page[class*="profile-theme-"] progress::-webkit-progress-value,.dash[class*="dashboard-theme-"] progress::-webkit-progress-value{background:var(--t-accent)!important;border-radius:999px}
.profile-page[class*="profile-theme-"] progress::-moz-progress-bar,.dash[class*="dashboard-theme-"] progress::-moz-progress-bar{background:var(--t-accent)!important;border-radius:999px}
.profile-page[class*="profile-theme-"] .rank-hero,.dash[class*="dashboard-theme-"] :is(.journey,.competitive-card){background:linear-gradient(135deg,color-mix(in srgb,var(--t-accent) 15%,var(--t-surface)),color-mix(in srgb,var(--t-accent2) 15%,var(--t-surface)))!important}
.profile-page[class*="profile-theme-"] .theme-option:has(input:checked),.profile-page[class*="profile-theme-"] .theme-option.is-previewing{border-color:var(--t-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--t-accent) 25%,transparent),0 10px 28px var(--t-shadow)!important}
.profile-page[class*="profile-theme-"] .share-row a,.profile-page[class*="profile-theme-"] .copy-share{background:var(--t-surface2)!important;color:var(--t-text)!important;border-color:var(--t-border)!important}


/* v14.12 THEME HOTFIX: keep token defaults, then override per active theme with equal/higher specificity. */
.profile-page.profile-theme-classic,.dash.dashboard-theme-classic{--t-bg:#fffaf6;--t-surface:rgba(255,255,255,.86);--t-surface2:rgba(255,255,255,.72);--t-text:#31243b;--t-muted:#756b7c;--t-border:rgba(49,36,59,.12);--t-accent:#ff796f;--t-accent2:#7b356f;--t-on-accent:#fff;--t-track:rgba(49,36,59,.18);--t-shadow:rgba(80,55,65,.13)}
.profile-page.profile-theme-aurora,.dash.dashboard-theme-aurora{--t-bg:linear-gradient(145deg,#f2edff,#e7faf2);--t-surface:rgba(255,255,255,.78);--t-surface2:rgba(255,255,255,.62);--t-text:#302842;--t-muted:#6c6578;--t-border:rgba(101,76,169,.18);--t-accent:#8065c9;--t-accent2:#397f69;--t-on-accent:#fff;--t-track:rgba(48,40,66,.2);--t-shadow:rgba(101,76,169,.18)}
.profile-page.profile-theme-sunset,.dash.dashboard-theme-sunset{--t-bg:linear-gradient(145deg,#fff0e7,#fff7df);--t-surface:rgba(255,252,247,.84);--t-surface2:rgba(255,248,238,.72);--t-text:#34263b;--t-muted:#756773;--t-border:rgba(190,91,61,.2);--t-accent:#df7658;--t-accent2:#a96816;--t-on-accent:#fff;--t-track:rgba(52,38,59,.2);--t-shadow:rgba(190,91,61,.18)}
.profile-page.profile-theme-midnight,.dash.dashboard-theme-midnight{--t-bg:linear-gradient(145deg,#21152d,#2b213c 55%,#402542);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#fff;--t-muted:rgba(255,255,255,.78);--t-border:rgba(255,255,255,.18);--t-accent:#c178e8;--t-accent2:#9b65c8;--t-on-accent:#fff;--t-track:rgba(255,255,255,.24);--t-shadow:rgba(155,101,200,.32)}
.profile-page.profile-theme-deep-ocean,.dash.dashboard-theme-deep-ocean{--t-bg:linear-gradient(145deg,#0d2935,#103b48 58%,#14505a);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#f7ffff;--t-muted:rgba(240,255,255,.79);--t-border:rgba(175,245,240,.2);--t-accent:#3ed2c8;--t-accent2:#27a99f;--t-on-accent:#082b31;--t-track:rgba(255,255,255,.25);--t-shadow:rgba(53,199,189,.3)}
.profile-page.profile-theme-royal-eclipse,.dash.dashboard-theme-royal-eclipse{--t-bg:linear-gradient(145deg,#28152f,#442149 58%,#5b2856);--t-surface:rgba(255,255,255,.105);--t-surface2:rgba(255,255,255,.075);--t-text:#fff9ff;--t-muted:rgba(255,245,255,.8);--t-border:rgba(255,210,250,.18);--t-accent:#e06bd3;--t-accent2:#a877ee;--t-on-accent:#fff;--t-track:rgba(255,255,255,.25);--t-shadow:rgba(209,106,200,.32)}
/* Theme swatches must remain readable independently of the currently previewed page theme. */
.profile-page .theme-preview-classic span,.profile-page .theme-preview-classic strong,.profile-page .theme-preview-classic small,
.profile-page .theme-preview-aurora span,.profile-page .theme-preview-aurora strong,.profile-page .theme-preview-aurora small,
.profile-page .theme-preview-sunset span,.profile-page .theme-preview-sunset strong,.profile-page .theme-preview-sunset small{color:#31243b!important}
.profile-page .theme-preview-midnight span,.profile-page .theme-preview-midnight strong,.profile-page .theme-preview-midnight small,
.profile-page .theme-preview-deep-ocean span,.profile-page .theme-preview-deep-ocean strong,.profile-page .theme-preview-deep-ocean small,
.profile-page .theme-preview-royal-eclipse span,.profile-page .theme-preview-royal-eclipse strong,.profile-page .theme-preview-royal-eclipse small{color:#fff!important}

/* v14.13 polished theme consistency + modern selector */
.profile-page.profile-theme-classic,.dash.dashboard-theme-classic{--t-bg:linear-gradient(145deg,#fff8f2,#f7fbf5);--t-surface:#fffdfb;--t-surface2:#fff8f4;--t-text:#30243a;--t-muted:#716777;--t-border:rgba(255,121,111,.24);--t-accent:#ff796f;--t-accent2:#7b356f;--t-track:#d8d2d8;--t-shadow:rgba(123,53,111,.13)}
.profile-page.profile-theme-aurora,.dash.dashboard-theme-aurora{--t-bg:linear-gradient(145deg,#f2efff,#e9fbf5);--t-surface:#fbfcff;--t-surface2:#f3f1ff;--t-text:#2d2940;--t-muted:#686477;--t-border:rgba(128,101,201,.24);--t-accent:#8065c9;--t-accent2:#398b73;--t-track:#cbc9d3;--t-shadow:rgba(128,101,201,.18)}
.profile-page.profile-theme-sunset,.dash.dashboard-theme-sunset{--t-bg:linear-gradient(145deg,#fff0e7,#fff8df);--t-surface:#fffaf5;--t-surface2:#fff1e4;--t-text:#35273a;--t-muted:#75666e;--t-border:rgba(223,118,88,.26);--t-accent:#df7658;--t-accent2:#a86610;--t-track:#d5ced0;--t-shadow:rgba(223,118,88,.18)}
.profile-page.profile-theme-royal-eclipse,.dash.dashboard-theme-royal-eclipse{--t-bg:linear-gradient(145deg,#24132d,#45204b 58%,#5e2858);--t-surface:rgba(255,255,255,.12);--t-surface2:rgba(255,255,255,.085);--t-text:#fffaff;--t-muted:rgba(255,247,255,.82);--t-border:rgba(239,150,230,.24);--t-accent:#dc68cf;--t-accent2:#9b75ee;--t-track:rgba(255,255,255,.25);--t-shadow:rgba(220,104,207,.34)}
.profile-page[class*="profile-theme-"] .card,.dash[class*="dashboard-theme-"] .card{box-shadow:0 12px 30px var(--t-shadow)!important}
.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn{box-shadow:0 8px 20px color-mix(in srgb,var(--t-accent) 32%,transparent)!important}
.profile-page[class*="profile-theme-"] .btn.secondary,.dash[class*="dashboard-theme-"] .btn.secondary{box-shadow:0 8px 20px color-mix(in srgb,var(--t-accent2) 30%,transparent)!important}
.theme-option{position:relative;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.theme-option:hover{transform:translateY(-2px)}
.theme-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.theme-option::after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(49,36,59,.35);background:rgba(255,255,255,.82);box-shadow:0 2px 8px rgba(0,0,0,.12);box-sizing:border-box;transition:.18s ease}
.theme-preview-midnight::after,.theme-preview-deep-ocean::after,.theme-preview-royal-eclipse::after{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.12)}
.theme-option:has(input:checked)::after,.theme-option.is-previewing::after{content:"✓";display:grid;place-items:center;background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent);font-size:12px;font-weight:900;box-shadow:0 0 0 4px color-mix(in srgb,var(--t-accent) 22%,transparent),0 4px 14px var(--t-shadow)}

/* v14.13.1 SUPER FINAL: one accent system per selected theme */
.profile-page[class*="profile-theme-"],.dash[class*="dashboard-theme-"]{--theme-muted:color-mix(in srgb,var(--theme-accent) 20%,transparent);--theme-border:color-mix(in srgb,var(--theme-accent) 30%,transparent)}
.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn,
.profile-page[class*="profile-theme-"] .btn.secondary,.dash[class*="dashboard-theme-"] .btn.secondary,
.profile-page[class*="profile-theme-"] button.btn,.dash[class*="dashboard-theme-"] button.btn{
 background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:#fff!important;box-shadow:0 9px 24px var(--theme-glow)!important
}
.profile-page[class*="profile-theme-"] .btn:hover,.dash[class*="dashboard-theme-"] .btn:hover{background:color-mix(in srgb,var(--theme-accent) 88%,white)!important;border-color:color-mix(in srgb,var(--theme-accent) 88%,white)!important}
.profile-page[class*="profile-theme-"] a:not(.btn),.dash[class*="dashboard-theme-"] a:not(.btn){color:var(--theme-accent)!important;text-decoration-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)!important}
.profile-page[class*="profile-theme-"] .pill,.dash[class*="dashboard-theme-"] .pill{color:var(--theme-accent)!important;border-color:var(--theme-border)!important;box-shadow:0 5px 16px var(--theme-muted)!important}
.profile-theme-midnight .pill,.profile-theme-deep-ocean .pill,.profile-theme-royal-eclipse .pill,.dashboard-theme-midnight .pill,.dashboard-theme-deep-ocean .pill,.dashboard-theme-royal-eclipse .pill{color:#fff!important;border-color:color-mix(in srgb,var(--theme-accent) 58%,white)!important}
.profile-page[class*="profile-theme-"] progress,.dash[class*="dashboard-theme-"] progress{accent-color:var(--theme-accent)!important}
.profile-page[class*="profile-theme-"] progress::-webkit-progress-value,.dash[class*="dashboard-theme-"] progress::-webkit-progress-value{background:var(--theme-accent)!important}
.profile-page[class*="profile-theme-"] progress::-moz-progress-bar,.dash[class*="dashboard-theme-"] progress::-moz-progress-bar{background:var(--theme-accent)!important}
.profile-page[class*="profile-theme-"] .theme-option:has(input:checked),.profile-page[class*="profile-theme-"] .theme-option.is-previewing{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px var(--theme-muted),0 10px 24px var(--theme-glow)!important}
/* FINAL THEME SYNC PATCH */
.profile-page[class*="profile-theme-"],.dash[class*="dashboard-theme-"]{--theme-accent:var(--t-accent)!important;--theme-accent-2:var(--t-accent2)!important;--theme-glow:var(--t-shadow)!important;--theme-link:var(--t-accent)!important;isolation:isolate;overflow:hidden}
.profile-page[class*="profile-theme-"] .btn,.dash[class*="dashboard-theme-"] .btn,.profile-page[class*="profile-theme-"] .btn.secondary,.dash[class*="dashboard-theme-"] .btn.secondary,.profile-page[class*="profile-theme-"] button.btn,.dash[class*="dashboard-theme-"] button.btn{background:var(--t-accent)!important;border-color:var(--t-accent)!important;color:var(--t-on-accent,#fff)!important;box-shadow:0 9px 24px color-mix(in srgb,var(--t-accent) 30%,transparent)!important}
.profile-page[class*="profile-theme-"] a:not(.btn),.dash[class*="dashboard-theme-"] a:not(.btn){color:var(--t-accent)!important}.profile-page[class*="profile-theme-"] .pill,.dash[class*="dashboard-theme-"] .pill{color:var(--t-accent)!important;border-color:color-mix(in srgb,var(--t-accent) 42%,transparent)!important}
.profile-page[class*="profile-theme-"] progress,.dash[class*="dashboard-theme-"] progress{accent-color:var(--t-accent)!important}.profile-page[class*="profile-theme-"] progress::-webkit-progress-value,.dash[class*="dashboard-theme-"] progress::-webkit-progress-value{background:var(--t-accent)!important}.profile-page[class*="profile-theme-"] progress::-moz-progress-bar,.dash[class*="dashboard-theme-"] progress::-moz-progress-bar{background:var(--t-accent)!important}
/* make Sunset unmistakably golden/apricot */
.profile-page.profile-theme-sunset,.dash.dashboard-theme-sunset{--t-bg:linear-gradient(145deg,#fff1dc,#fff9e8 52%,#f7ead0);--t-surface:#fffaf0;--t-surface2:#fff0d5;--t-text:#34281f;--t-muted:#796b5e;--t-border:rgba(211,143,43,.28);--t-accent:#d98a24;--t-accent2:#b96820;--t-on-accent:#fff;--t-track:#ddd2c2;--t-shadow:rgba(217,138,36,.20)}
/* subtle premium ambient signatures */
.profile-page[class*="profile-theme-"]::before,.dash[class*="dashboard-theme-"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-repeat:repeat}
.profile-theme-classic::before,.dashboard-theme-classic::before{background-image:radial-gradient(circle at 20% 15%,rgba(255,121,111,.10),transparent 22%),radial-gradient(circle at 82% 78%,rgba(123,53,111,.07),transparent 25%)}
.profile-theme-aurora::before,.dashboard-theme-aurora::before{background-image:radial-gradient(ellipse at 15% 20%,rgba(128,101,201,.16),transparent 32%),radial-gradient(ellipse at 80% 35%,rgba(57,139,115,.14),transparent 34%);animation:themeDrift 16s ease-in-out infinite alternate}
.profile-theme-sunset::before,.dashboard-theme-sunset::before{background-image:radial-gradient(circle at 75% 10%,rgba(255,190,92,.22),transparent 28%),radial-gradient(circle,rgba(185,104,28,.12) 1px,transparent 1.5px);background-size:auto,34px 34px}
.profile-theme-midnight::before,.dashboard-theme-midnight::before{background-image:radial-gradient(circle,rgba(255,255,255,.32) 1px,transparent 1.5px),radial-gradient(circle,rgba(193,145,235,.2) 1px,transparent 1.5px);background-size:43px 43px,71px 71px;background-position:0 0,17px 23px;animation:starTwinkle 7s ease-in-out infinite alternate}
.profile-theme-deep-ocean::before,.dashboard-theme-deep-ocean::before{background-image:radial-gradient(ellipse at 25% 0%,rgba(83,232,220,.15),transparent 30%),radial-gradient(circle,rgba(170,255,248,.13) 1px,transparent 2px);background-size:auto,58px 58px;animation:oceanFloat 18s linear infinite}
.profile-theme-royal-eclipse::before,.dashboard-theme-royal-eclipse::before{background-image:radial-gradient(circle at 82% 12%,transparent 0 55px,rgba(224,107,211,.18) 57px 61px,transparent 64px),radial-gradient(circle at 82% 12%,rgba(168,119,238,.13),transparent 24%)}
@keyframes themeDrift{to{transform:translate3d(2%,-1%,0) scale(1.04)}}@keyframes starTwinkle{to{opacity:.78}}@keyframes oceanFloat{to{background-position:0 0,29px 58px}}@media(prefers-reduced-motion:reduce){.profile-page[class*="profile-theme-"]::before,.dash[class*="dashboard-theme-"]::before{animation:none!important}}

/* v14.13.1 GLOBAL THEME SYNC: extend the saved Profile/Dashboard design tokens across authenticated UI. */
body.authenticated-app{--theme-page-bg:#fffaf6;--theme-shell-bg:rgba(255,255,255,.78);--theme-surface:#fffdfb;--theme-surface-raised:#fff;--theme-surface-soft:#fff8f4;--theme-text:#30243a;--theme-text-muted:#716777;--theme-text-subtle:#8b818f;--theme-accent:#ff796f;--theme-accent-hover:#ef685f;--theme-accent-active:#dc5b53;--theme-on-accent:#fff;--theme-accent-soft:rgba(255,121,111,.14);--theme-border:rgba(255,121,111,.24);--theme-border-strong:rgba(255,121,111,.42);--theme-focus:rgba(255,121,111,.34);--theme-shadow:rgba(123,53,111,.13);--theme-glow:rgba(255,121,111,.24);--theme-progress-track:#d8d2d8;--theme-progress-fill:#ff796f}
body.auth-theme-aurora{--theme-page-bg:#eef8f6;--theme-shell-bg:rgba(251,252,255,.8);--theme-surface:#fbfcff;--theme-surface-raised:#fff;--theme-surface-soft:#f3f1ff;--theme-text:#2d2940;--theme-text-muted:#686477;--theme-text-subtle:#817b8d;--theme-accent:#8065c9;--theme-accent-hover:#7156ba;--theme-accent-active:#6249a8;--theme-on-accent:#fff;--theme-accent-soft:rgba(128,101,201,.14);--theme-border:rgba(128,101,201,.24);--theme-border-strong:rgba(128,101,201,.44);--theme-focus:rgba(128,101,201,.34);--theme-shadow:rgba(128,101,201,.18);--theme-glow:rgba(128,101,201,.24);--theme-progress-track:#cbc9d3;--theme-progress-fill:#8065c9}
body.auth-theme-sunset{--theme-page-bg:#fff4df;--theme-shell-bg:rgba(255,250,240,.82);--theme-surface:#fffaf0;--theme-surface-raised:#fffdf8;--theme-surface-soft:#fff0d5;--theme-text:#34281f;--theme-text-muted:#796b5e;--theme-text-subtle:#91806e;--theme-accent:#d98a24;--theme-accent-hover:#c87b19;--theme-accent-active:#b66b10;--theme-on-accent:#fff;--theme-accent-soft:rgba(217,138,36,.15);--theme-border:rgba(211,143,43,.28);--theme-border-strong:rgba(211,143,43,.48);--theme-focus:rgba(217,138,36,.36);--theme-shadow:rgba(217,138,36,.20);--theme-glow:rgba(217,138,36,.24);--theme-progress-track:#ddd2c2;--theme-progress-fill:#d98a24}
body.auth-theme-midnight{--theme-page-bg:#21152d;--theme-shell-bg:rgba(33,21,45,.84);--theme-surface:rgba(255,255,255,.105);--theme-surface-raised:rgba(255,255,255,.14);--theme-surface-soft:rgba(255,255,255,.075);--theme-text:#fff;--theme-text-muted:rgba(255,255,255,.78);--theme-text-subtle:rgba(255,255,255,.62);--theme-accent:#c178e8;--theme-accent-hover:#cf8ff0;--theme-accent-active:#aa61d1;--theme-on-accent:#fff;--theme-accent-soft:rgba(193,120,232,.16);--theme-border:rgba(255,255,255,.18);--theme-border-strong:rgba(193,120,232,.46);--theme-focus:rgba(193,120,232,.42);--theme-shadow:rgba(155,101,200,.32);--theme-glow:rgba(155,101,200,.34);--theme-progress-track:rgba(255,255,255,.24);--theme-progress-fill:#c178e8}
body.auth-theme-deep-ocean{--theme-page-bg:#0d2935;--theme-shell-bg:rgba(13,41,53,.86);--theme-surface:rgba(255,255,255,.105);--theme-surface-raised:rgba(255,255,255,.14);--theme-surface-soft:rgba(255,255,255,.075);--theme-text:#f7ffff;--theme-text-muted:rgba(240,255,255,.79);--theme-text-subtle:rgba(230,255,253,.62);--theme-accent:#3ed2c8;--theme-accent-hover:#5bded5;--theme-accent-active:#2bb9b0;--theme-on-accent:#082b31;--theme-accent-soft:rgba(62,210,200,.15);--theme-border:rgba(175,245,240,.2);--theme-border-strong:rgba(62,210,200,.46);--theme-focus:rgba(62,210,200,.4);--theme-shadow:rgba(53,199,189,.3);--theme-glow:rgba(53,199,189,.32);--theme-progress-track:rgba(255,255,255,.25);--theme-progress-fill:#3ed2c8}
body.auth-theme-royal-eclipse{--theme-page-bg:#24132d;--theme-shell-bg:rgba(36,19,45,.86);--theme-surface:rgba(255,255,255,.12);--theme-surface-raised:rgba(255,255,255,.15);--theme-surface-soft:rgba(255,255,255,.085);--theme-text:#fffaff;--theme-text-muted:rgba(255,247,255,.82);--theme-text-subtle:rgba(255,235,253,.64);--theme-accent:#dc68cf;--theme-accent-hover:#e47bd9;--theme-accent-active:#c653bb;--theme-on-accent:#fff;--theme-accent-soft:rgba(220,104,207,.16);--theme-border:rgba(239,150,230,.24);--theme-border-strong:rgba(220,104,207,.48);--theme-focus:rgba(220,104,207,.42);--theme-shadow:rgba(220,104,207,.34);--theme-glow:rgba(209,106,200,.34);--theme-progress-track:rgba(255,255,255,.25);--theme-progress-fill:#dc68cf}
body.authenticated-app{color:var(--theme-text);background:var(--theme-page-bg);position:relative}
body.authenticated-app>main,body.authenticated-app>nav,body.authenticated-app>.site-footer{position:relative;z-index:1}
body.authenticated-app::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45;background-repeat:repeat}
body.auth-theme-classic::before{background-image:radial-gradient(circle at 20% 15%,rgba(255,121,111,.10),transparent 22%),radial-gradient(circle at 82% 78%,rgba(123,53,111,.07),transparent 25%)}
body.auth-theme-aurora::before{background-image:radial-gradient(ellipse at 15% 20%,rgba(128,101,201,.16),transparent 32%),radial-gradient(ellipse at 80% 35%,rgba(57,139,115,.14),transparent 34%),radial-gradient(circle,rgba(128,101,201,.16) 1px,transparent 1.6px);background-size:auto,auto,46px 46px;animation:themeDrift 16s ease-in-out infinite alternate,auroraDotDrift 26s linear infinite,auroraGlow 7s ease-in-out infinite}
@keyframes auroraDotDrift{to{background-position:0 0,0 0,26px 40px}}
@keyframes auroraGlow{0%,100%{opacity:.85}50%{opacity:1}}
body.auth-theme-sunset::before{background-image:radial-gradient(circle at 75% 10%,rgba(255,190,92,.22),transparent 28%),radial-gradient(circle,rgba(185,104,28,.12) 1px,transparent 1.5px);background-size:auto,34px 34px;animation:themeDrift 20s ease-in-out infinite alternate,sunsetDotDrift 22s linear infinite,sunsetGlow 8s ease-in-out infinite alternate}
@keyframes sunsetDotDrift{to{background-position:0 0,22px 34px}}
@keyframes sunsetGlow{0%{opacity:.82}100%{opacity:1}}
body.auth-theme-midnight::before{background-image:radial-gradient(circle,rgba(255,255,255,.28) 1px,transparent 1.5px),radial-gradient(circle,rgba(193,145,235,.18) 1px,transparent 1.5px);background-size:43px 43px,71px 71px;background-position:0 0,17px 23px;animation:starTwinkle 7s ease-in-out infinite alternate,midnightDotDrift 30s linear infinite}
@keyframes midnightDotDrift{to{background-position:14px 10px,31px 40px}}
body.auth-theme-deep-ocean::before{background-image:radial-gradient(ellipse at 25% 0%,rgba(83,232,220,.15),transparent 30%),radial-gradient(circle,rgba(170,255,248,.13) 1px,transparent 2px);background-size:auto,58px 58px;animation:oceanFloat 18s linear infinite}
body.auth-theme-royal-eclipse::before{background-image:radial-gradient(circle at 82% 12%,transparent 0 55px,rgba(224,107,211,.18) 57px 61px,transparent 64px),radial-gradient(circle at 82% 12%,rgba(168,119,238,.13),transparent 24%),radial-gradient(circle,rgba(224,107,211,.14) 1px,transparent 1.6px);background-size:auto,auto,50px 50px;animation:themeDrift 22s ease-in-out infinite alternate,eclipseDotDrift 28s linear infinite,eclipseGlow 6.5s ease-in-out infinite}
@keyframes eclipseDotDrift{to{background-position:0 0,0 0,-28px 38px}}
@keyframes eclipseGlow{0%,100%{opacity:.82}50%{opacity:1}}
body.authenticated-app nav{background:color-mix(in srgb,var(--theme-shell-bg) 92%,transparent);border-color:var(--theme-border);color:var(--theme-text)}
body.authenticated-app nav a{color:var(--theme-text)}body.authenticated-app .brand{color:var(--theme-accent)!important}
body.authenticated-app .nav-links a:hover,body.authenticated-app .nav-links a:focus-visible,body.authenticated-app .nav-links a.active-nav{color:var(--theme-accent);background:var(--theme-accent-soft)}
body.authenticated-app .nav-links a:focus-visible,body.authenticated-app .btn:focus-visible,body.authenticated-app input:focus-visible,body.authenticated-app textarea:focus-visible,body.authenticated-app select:focus-visible{outline:3px solid var(--theme-focus);outline-offset:2px}
body.authenticated-app .nav-cta,body.authenticated-app .btn:not(.secondary){background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-on-accent)!important;box-shadow:0 9px 24px var(--theme-glow)}
body.authenticated-app .btn:not(.secondary):hover{background:var(--theme-accent-hover);border-color:var(--theme-accent-hover);box-shadow:0 12px 30px var(--theme-glow)}body.authenticated-app .btn:not(.secondary):active{background:var(--theme-accent-active);transform:translateY(0)}body.authenticated-app .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
body.authenticated-app main>.card,body.authenticated-app main>.auth.card,body.authenticated-app main>.board.card,body.authenticated-app .admin-shell>.card,body.authenticated-app .admin-shell .pack-card,body.authenticated-app .archive-page .card,body.authenticated-app .passport-page .card{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text);box-shadow:0 18px 52px var(--theme-shadow)}
body.authenticated-app :is(.admin-shell,.auth,.board,.passport-page) :is(h1,h2,h3,strong,b,td,th,label){color:var(--theme-text)}body.authenticated-app :is(.admin-shell,.auth,.board,.passport-page) :is(p,small,.sub){color:var(--theme-text-muted)}
body.authenticated-app .pill{background:var(--theme-accent-soft);color:var(--theme-accent);border-color:var(--theme-border-strong);box-shadow:0 5px 16px var(--theme-shadow)}
body.authenticated-app .leaderboard-tabs a.active{background:var(--theme-accent);color:var(--theme-on-accent);box-shadow:0 8px 20px var(--theme-glow)}body.authenticated-app .leaderboard-tabs a:hover,body.authenticated-app .leaderboard-tabs a:focus-visible{border-color:var(--theme-border-strong);color:var(--theme-accent);background:var(--theme-accent-soft)}body.authenticated-app .leaderboard-tabs a.active:hover,body.authenticated-app .leaderboard-tabs a.active:focus-visible{color:var(--theme-on-accent);background:var(--theme-accent-hover)}
body.authenticated-app progress{accent-color:var(--theme-progress-fill);background:var(--theme-progress-track)}body.authenticated-app progress::-webkit-progress-bar{background:var(--theme-progress-track);border-radius:999px}body.authenticated-app progress::-webkit-progress-value{background:var(--theme-progress-fill);border-radius:999px}body.authenticated-app progress::-moz-progress-bar{background:var(--theme-progress-fill);border-radius:999px}
body.authenticated-app .desktop-player-progress,body.authenticated-app .mobile-player-progress{color:var(--theme-text)}body.authenticated-app .desktop-player-progress span,body.authenticated-app .desktop-player-progress small,body.authenticated-app .mobile-player-progress span,body.authenticated-app .mobile-player-progress small{color:var(--theme-text-muted)}
body.authenticated-app input,body.authenticated-app textarea,body.authenticated-app select{background:var(--theme-surface-raised);color:var(--theme-text);border-color:var(--theme-border)}body.authenticated-app input:focus,body.authenticated-app textarea:focus,body.authenticated-app select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 4px var(--theme-accent-soft)}
body.authenticated-app .archive-page a:not(.btn),body.authenticated-app .passport-page a:not(.btn),body.authenticated-app .admin-shell a:not(.btn){color:var(--theme-accent)}
@media(max-width:900px){body.authenticated-app .nav-links{background:var(--theme-surface-raised)!important;border-color:var(--theme-border);box-shadow:0 24px 70px var(--theme-shadow)!important}}
@media(prefers-reduced-motion:reduce){body.authenticated-app::before{animation:none!important}body.authenticated-app .btn,body.authenticated-app .card{transition:none!important}}

/* Premium page: keep the Free-plan CTA aligned with the application-global theme accent. */
body.authenticated-app .plan-grid .premium-play-free{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-on-accent)!important;box-shadow:0 9px 24px var(--theme-glow)}
body.authenticated-app .plan-grid .premium-play-free:hover{background:var(--theme-accent-hover);border-color:var(--theme-accent-hover);box-shadow:0 12px 30px var(--theme-glow)}
body.authenticated-app .plan-grid .premium-play-free:active{background:var(--theme-accent-active);border-color:var(--theme-accent-active);transform:translateY(0)}
body.authenticated-app .plan-grid .premium-play-free:focus-visible{outline:3px solid var(--theme-focus);outline-offset:3px}
body.authenticated-app .plan-grid .premium-play-free[aria-disabled="true"],body.authenticated-app .plan-grid .premium-play-free.disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
/* Premium Play Free: match the shared themed CTA glow used across authenticated pages. */
body.authenticated-app .plan-grid .plan{overflow:visible}
body.authenticated-app .plan-grid .premium-play-free{box-shadow:0 9px 24px color-mix(in srgb,var(--theme-accent) 32%,transparent)!important}
body.authenticated-app .plan-grid .premium-play-free:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--theme-accent) 38%,transparent)!important}

/* Final premium free-card + global footer theme polish. */
body.authenticated-app .plan-grid .plan:not(.featured){background:linear-gradient(145deg,var(--theme-surface-raised),var(--theme-surface));border:1px solid var(--theme-border);box-shadow:0 18px 48px var(--theme-shadow);color:var(--theme-text)}
body.authenticated-app .plan-grid .plan:not(.featured) .price-period,body.authenticated-app .plan-grid .plan:not(.featured) li{color:var(--theme-text-muted)}
body.authenticated-app .site-footer{width:auto;max-width:max-content;margin:48px auto 20px;padding:14px 20px;justify-content:center;gap:12px;text-align:center;color:var(--theme-text-muted)}
body.authenticated-app .site-footer .footer-links{margin-left:0;justify-content:center;gap:4px}
body.authenticated-app .site-footer .footer-links a{color:var(--theme-accent)!important;transition:color .18s ease,text-shadow .18s ease}
body.authenticated-app .site-footer .footer-links a:hover{color:var(--theme-accent-hover)!important;text-shadow:0 0 16px var(--theme-glow)}
body.authenticated-app .site-footer .footer-links a:focus-visible{color:var(--theme-accent-hover)!important;outline:3px solid var(--theme-focus);outline-offset:3px;border-radius:8px}
@media(max-width:760px){body.authenticated-app .site-footer{width:calc(100% - 24px);max-width:none;margin:42px 12px 18px;padding:14px 16px;flex-direction:column;gap:6px}}


/* Final global theme sync: gameplay answer controls and final-question indicator */
.answer-option input[type="radio"],
.quiz-option input[type="radio"],
.question-option input[type="radio"],
.answers input[type="radio"] {
  accent-color: var(--theme-accent);
}

.answer-option:has(input[type="radio"]),
.quiz-option:has(input[type="radio"]),
.question-option:has(input[type="radio"]) {
  transition: border-color .18s ease, box-shadow .18s ease;
}

.answer-option:has(input[type="radio"]:hover),
.quiz-option:has(input[type="radio"]:hover),
.question-option:has(input[type="radio"]:hover),
.answer-option:has(input[type="radio"]:checked),
.quiz-option:has(input[type="radio"]:checked),
.question-option:has(input[type="radio"]:checked) {
  border-color: var(--theme-accent);
}

.answer-option:has(input[type="radio"]:focus-visible),
.quiz-option:has(input[type="radio"]:focus-visible),
.question-option:has(input[type="radio"]:focus-visible) {
  box-shadow: 0 0 0 3px var(--theme-focus);
}

.final-question,
.final-question-badge,
.final-question-label,
.question-final-label {
  color: var(--theme-accent);
  border-color: var(--theme-accent);
  box-shadow: 0 0 18px var(--theme-glow);
}

@media (prefers-reduced-motion: reduce) {
  .answer-option:has(input[type="radio"]),
  .quiz-option:has(input[type="radio"]),
  .question-option:has(input[type="radio"]) {
    transition: none;
  }
}
\n\n/* Final stability sync: mobile navigation and authenticated answer review */
@media(max-width:900px){
 body.authenticated-app .menu-toggle{background:var(--theme-surface-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:0 8px 22px var(--theme-shadow)}
 body.authenticated-app .menu-toggle:hover,body.authenticated-app .menu-toggle:focus-visible{color:var(--theme-accent)!important;border-color:var(--theme-border-strong)!important;background:var(--theme-accent-soft)!important}
 body.authenticated-app .nav-links{position:fixed!important;top:82px!important;right:12px!important;left:12px!important;width:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;background:var(--theme-surface-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:0 24px 70px var(--theme-shadow)!important}
 body.authenticated-app .nav-links.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
 body.authenticated-app .nav-links.open a{color:var(--theme-text)!important}
 body.authenticated-app .nav-links.open a:hover,body.authenticated-app .nav-links.open a:focus-visible,body.authenticated-app .nav-links.open a.active-nav{color:var(--theme-accent)!important;background:var(--theme-accent-soft)!important}
 body.authenticated-app .mobile-player-progress{background:var(--theme-surface-soft)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
 body.authenticated-app .nav-action-dot{background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
 body.authenticated-app .nav-backdrop.open{display:block!important;position:fixed!important;inset:72px 0 0!important;z-index:1999!important;background:color-mix(in srgb,var(--theme-page-bg) 58%,transparent)!important;pointer-events:auto!important}
}
body.authenticated-app .result.card,body.authenticated-app .review-list .review-card,body.authenticated-app .curiosity-feed,body.authenticated-app .curiosity-feed .card,body.authenticated-app .daily-reveal,body.authenticated-app .curiosity-share-card{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text);box-shadow:0 18px 52px var(--theme-shadow)}
body.authenticated-app .result :is(h1,h2,h3,strong),body.authenticated-app .review-list :is(h2,h3,strong){color:var(--theme-text)}
body.authenticated-app .result :is(p,small),body.authenticated-app .review-list p{color:var(--theme-text-muted)}
body.authenticated-app .review-card .explanation{background:var(--theme-accent-soft);border:1px solid var(--theme-border);color:var(--theme-text-muted)}
body.authenticated-app .review-list .review-card{border-left:4px solid var(--theme-accent)}
body.authenticated-app .share-row a,body.authenticated-app .share-row .copy-share{background:var(--theme-surface-raised);border-color:var(--theme-border);color:var(--theme-accent)}
body.authenticated-app .share-row a:hover,body.authenticated-app .share-row a:focus-visible,body.authenticated-app .share-row .copy-share:hover,body.authenticated-app .share-row .copy-share:focus-visible{background:var(--theme-accent-soft);border-color:var(--theme-border-strong);color:var(--theme-accent-hover);outline:3px solid var(--theme-focus);outline-offset:2px}


/* Final consistency fixes: leaderboard periods + authenticated home hero */
body.authenticated-app .leaderboard-tabs a,
body.authenticated-app .leaderboard-tabs a:visited {
  color: var(--theme-text-muted);
  border-color: var(--theme-border);
}
body.authenticated-app .leaderboard-tabs a:hover,
body.authenticated-app .leaderboard-tabs a:focus-visible {
  color: var(--theme-accent);
  background: var(--theme-accent-soft);
  border-color: var(--theme-border-strong);
}
body.authenticated-app .leaderboard-tabs a.active,
body.authenticated-app .leaderboard-tabs a.active:visited,
body.authenticated-app .leaderboard-tabs a.active:hover,
body.authenticated-app .leaderboard-tabs a.active:focus-visible {
  color: var(--theme-on-accent) !important;
  -webkit-text-fill-color: var(--theme-on-accent) !important;
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  box-shadow: 0 8px 20px var(--theme-glow);
}

body.authenticated-app .daily-world h1 {
  color: var(--theme-text);
}
body.authenticated-app .daily-world .daily-intro {
  color: var(--theme-accent) !important;
}
body.authenticated-app .daily-world p:not(.daily-intro) {
  color: var(--theme-text-muted);
}


/* Final mobile menu visual isolation fix only */
@media (max-width: 768px) {
  body.authenticated-app .mobile-menu,
  body.authenticated-app .mobile-nav,
  body.authenticated-app .nav-drawer,
  body.authenticated-app .mobile-menu-panel {
    background: var(--theme-shell-bg);
    background-color: var(--theme-shell-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-color: var(--theme-border);
    box-shadow: var(--theme-shadow), 0 0 24px var(--theme-glow);
  }

  body.authenticated-app .mobile-menu-backdrop,
  body.authenticated-app .nav-backdrop,
  body.authenticated-app .mobile-nav-backdrop {
    background: rgba(0, 0, 0, .58);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
}


/* Dark-theme mobile menu opaque surfaces only */
@media (max-width: 768px) {
  body.authenticated-app.theme-midnight .mobile-menu,
  body.authenticated-app.theme-midnight .mobile-nav,
  body.authenticated-app.theme-midnight .nav-drawer,
  body.authenticated-app.theme-midnight .mobile-menu-panel {
    background: #0b1020;
    background-color: #0b1020;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.authenticated-app.theme-deep-ocean .mobile-menu,
  body.authenticated-app.theme-deep-ocean .mobile-nav,
  body.authenticated-app.theme-deep-ocean .nav-drawer,
  body.authenticated-app.theme-deep-ocean .mobile-menu-panel {
    background: #071d22;
    background-color: #071d22;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.authenticated-app.theme-royal-eclipse .mobile-menu,
  body.authenticated-app.theme-royal-eclipse .mobile-nav,
  body.authenticated-app.theme-royal-eclipse .nav-drawer,
  body.authenticated-app.theme-royal-eclipse .mobile-menu-panel {
    background: #180c28;
    background-color: #180c28;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Actual dark-theme mobile navigation panel isolation fix */
@media (max-width: 768px) {
  body.authenticated-app.theme-midnight .nav-links {
    background: #0b1020 !important;
    background-color: #0b1020 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1;
    isolation: isolate;
  }
  body.authenticated-app.theme-deep-ocean .nav-links {
    background: #071d22 !important;
    background-color: #071d22 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1;
    isolation: isolate;
  }
  body.authenticated-app.theme-royal-eclipse .nav-links {
    background: #180c28 !important;
    background-color: #180c28 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1;
    isolation: isolate;
  }
}


/* Definitive dark-theme mobile navigation isolation */
@media (max-width: 768px) {
  body.theme-midnight #primary-navigation,
  html.theme-midnight #primary-navigation,
  body.theme-midnight .nav-links,
  html.theme-midnight .nav-links {
    background: #0b1020 !important;
    background-color: #0b1020 !important;
  }

  body.theme-deep-ocean #primary-navigation,
  html.theme-deep-ocean #primary-navigation,
  body.theme-deep-ocean .nav-links,
  html.theme-deep-ocean .nav-links {
    background: #071d22 !important;
    background-color: #071d22 !important;
  }

  body.theme-royal-eclipse #primary-navigation,
  html.theme-royal-eclipse #primary-navigation,
  body.theme-royal-eclipse .nav-links,
  html.theme-royal-eclipse .nav-links {
    background: #180c28 !important;
    background-color: #180c28 !important;
  }

  body.theme-midnight #primary-navigation,
  html.theme-midnight #primary-navigation,
  body.theme-deep-ocean #primary-navigation,
  html.theme-deep-ocean #primary-navigation,
  body.theme-royal-eclipse #primary-navigation,
  html.theme-royal-eclipse #primary-navigation,
  body.theme-midnight .nav-links,
  html.theme-midnight .nav-links,
  body.theme-deep-ocean .nav-links,
  html.theme-deep-ocean .nav-links,
  body.theme-royal-eclipse .nav-links,
  html.theme-royal-eclipse .nav-links {
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
    isolation: isolate;
    z-index: 10001;
  }

  body.theme-midnight #primary-navigation::before,
  body.theme-midnight #primary-navigation::after,
  body.theme-deep-ocean #primary-navigation::before,
  body.theme-deep-ocean #primary-navigation::after,
  body.theme-royal-eclipse #primary-navigation::before,
  body.theme-royal-eclipse #primary-navigation::after,
  html.theme-midnight #primary-navigation::before,
  html.theme-midnight #primary-navigation::after,
  html.theme-deep-ocean #primary-navigation::before,
  html.theme-deep-ocean #primary-navigation::after,
  html.theme-royal-eclipse #primary-navigation::before,
  html.theme-royal-eclipse #primary-navigation::after {
    content: none !important;
    display: none !important;
  }
}


/* Homepage feature cards follow the selected global theme */
body.authenticated-app .card {
  background: var(--theme-surface);
  border-color: var(--theme-border);
  color: var(--theme-text);
  box-shadow: var(--theme-shadow);
}
body.authenticated-app .card:hover {
  background: var(--theme-surface-raised);
  border-color: var(--theme-border-strong);
  box-shadow: var(--theme-shadow), 0 0 20px var(--theme-glow);
}
body.authenticated-app .card h2,
body.authenticated-app .card h3 {
  color: var(--theme-text);
}
body.authenticated-app .card p {
  color: var(--theme-text-muted);
}


/* Root-cause fix: actual global theme classes are auth-theme-* on body. */
@media (max-width: 900px) {
  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links {
    background: #0b1020 !important;
  }
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links {
    background: #071d22 !important;
  }
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links {
    background: #180c28 !important;
  }

  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links,
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links,
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links {
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
    isolation: isolate;
    box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 24px var(--theme-glow) !important;
  }
}

/* Root-cause fix: beat legacy .grid .card:nth-child() gradients on authenticated home. */
body.authenticated-app .daily-world + .grid .card:nth-child(1),
body.authenticated-app .daily-world + .grid .card:nth-child(2),
body.authenticated-app .daily-world + .grid .card:nth-child(3) {
  background: var(--theme-surface) !important;
  background-image: none !important;
  border-color: var(--theme-border);
  color: var(--theme-text);
  box-shadow: var(--theme-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.authenticated-app .daily-world + .grid .card:nth-child(1):hover,
body.authenticated-app .daily-world + .grid .card:nth-child(2):hover,
body.authenticated-app .daily-world + .grid .card:nth-child(3):hover {
  background: var(--theme-surface-raised) !important;
  border-color: var(--theme-border-strong);
  box-shadow: var(--theme-shadow), 0 0 20px var(--theme-glow);
}
body.authenticated-app .daily-world + .grid .card h3 {
  color: var(--theme-text);
}
body.authenticated-app .daily-world + .grid .card p {
  color: var(--theme-text-muted);
}


/* Dark-theme mobile menu item readability only */
@media (max-width: 900px) {
  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links a,
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links a,
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links a {
    color: var(--theme-text) !important;
    -webkit-text-fill-color: var(--theme-text) !important;
    text-shadow: 0 0 12px var(--theme-glow);
  }

  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links a:hover,
  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links a:focus-visible,
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links a:hover,
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links a:focus-visible,
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links a:hover,
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links a:focus-visible,
  body.authenticated-app.auth-theme-midnight #primary-navigation.nav-links a.active,
  body.authenticated-app.auth-theme-deep-ocean #primary-navigation.nav-links a.active,
  body.authenticated-app.auth-theme-royal-eclipse #primary-navigation.nav-links a.active {
    color: var(--theme-accent) !important;
    -webkit-text-fill-color: var(--theme-accent) !important;
    text-shadow: 0 0 14px var(--theme-glow);
  }
}


/* Final result/practice-complete semantic theme sync */
body.authenticated-app .result .share-row a,
body.authenticated-app .result .share-row button,
body.authenticated-app .result .result-actions .btn,
body.authenticated-app .result .result-actions .btn.secondary {
  color: var(--theme-on-accent) !important;
  -webkit-text-fill-color: var(--theme-on-accent) !important;
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  box-shadow: 0 8px 20px var(--theme-glow);
}
body.authenticated-app .result .share-row a:hover,
body.authenticated-app .result .share-row button:hover,
body.authenticated-app .result .result-actions .btn:hover {
  background: var(--theme-accent-hover) !important;
  border-color: var(--theme-accent-hover) !important;
  box-shadow: 0 10px 26px var(--theme-glow);
}
body.authenticated-app .result .share-row a:active,
body.authenticated-app .result .share-row button:active,
body.authenticated-app .result .result-actions .btn:active {
  background: var(--theme-accent-active) !important;
}
body.authenticated-app .result .share-row a:focus-visible,
body.authenticated-app .result .share-row button:focus-visible,
body.authenticated-app .result .result-actions .btn:focus-visible {
  outline: 3px solid var(--theme-focus);
  outline-offset: 3px;
}
body.authenticated-app .result .curiosity-share-card > span,
body.authenticated-app .result .daily-reveal > .pill,
body.authenticated-app .result .curiosity-feed > .pill,
body.authenticated-app .result .review-card > .pill {
  color: var(--theme-accent) !important;
  -webkit-text-fill-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  text-shadow: 0 0 12px var(--theme-glow);
}
body.authenticated-app .result .curiosity-share-card,
body.authenticated-app .result .daily-reveal,
body.authenticated-app .result .curiosity-feed,
body.authenticated-app .review-list .review-card {
  background: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text);
  box-shadow: var(--theme-shadow);
}
body.authenticated-app .result .curiosity-feed .card {
  background: var(--theme-surface-soft) !important;
  border-color: var(--theme-border) !important;
}
body.authenticated-app .result .curiosity-share-card small,
body.authenticated-app .result .daily-reveal p,
body.authenticated-app .result .curiosity-feed p,
body.authenticated-app .review-list .review-card p {
  color: var(--theme-text-muted);
}
.remember-login{display:flex!important;align-items:center;gap:.55rem;cursor:pointer}
.remember-login input{width:1.05rem;height:1.05rem;accent-color:var(--theme-accent)}
.remember-login span{color:var(--theme-text-muted)}


/* Homepage conversion experience */
.home-demo,.home-categories,.home-proof-grid{width:min(1120px,calc(100% - 32px));margin:28px auto}
.home-demo{padding:clamp(24px,4vw,48px);background:var(--theme-surface);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.home-section-heading{text-align:center;max-width:760px;margin:0 auto 28px}
.home-section-heading h2,.home-proof h2,.home-leaders h2{color:var(--theme-text);font-size:clamp(25px,4vw,42px);line-height:1.08;margin:14px 0 10px}
.home-section-heading p,.home-proof p,.home-leaders p{color:var(--theme-text-muted)}
.sample-question{max-width:780px;margin:auto;padding:clamp(20px,4vw,36px);border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface-soft);box-shadow:0 14px 36px var(--theme-shadow)}
.sample-question h3{color:var(--theme-text);font-size:clamp(20px,3vw,30px);line-height:1.3;margin:0 0 22px}
.sample-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sample-answer{appearance:none;text-align:left;padding:15px 17px;border-radius:15px;border:1px solid var(--theme-border);background:var(--theme-surface-raised);color:var(--theme-text);font:inherit;font-weight:750;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.sample-answer:hover:not(:disabled),.sample-answer:focus-visible{border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-focus),0 8px 22px var(--theme-glow);outline:none;transform:translateY(-1px)}
.sample-answer.is-correct{border-color:#28a86b;background:rgba(40,168,107,.14);box-shadow:0 0 18px rgba(40,168,107,.18)}
.sample-answer.is-incorrect{border-color:#d85a5a;background:rgba(216,90,90,.12)}
.sample-answer:disabled{cursor:default;opacity:1}
.sample-feedback{margin-top:20px;padding-top:20px;border-top:1px solid var(--theme-border);color:var(--theme-text)}
.sample-feedback strong{color:var(--theme-accent);font-size:18px}
.sample-feedback p{color:var(--theme-text-muted);line-height:1.65}
.sample-feedback .btn{margin-top:4px}
.home-categories{padding:20px 0 8px}
.category-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.category-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--theme-border);border-radius:999px;background:var(--theme-surface);color:var(--theme-text);box-shadow:0 8px 22px var(--theme-shadow);font-weight:800}
.category-chip:hover{border-color:var(--theme-accent);box-shadow:0 8px 24px var(--theme-glow)}
.home-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.home-proof,.home-leaders{padding:clamp(22px,3vw,34px);background:var(--theme-surface)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:22px}
.home-stats div{padding:16px;border-radius:16px;background:var(--theme-surface-soft);border:1px solid var(--theme-border)}
.home-stats strong{display:block;color:var(--theme-accent);font-size:clamp(24px,4vw,38px);line-height:1}
.home-stats span{display:block;color:var(--theme-text-muted);font-size:13px;margin-top:8px}
.home-leaders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.home-leaders-head a{color:var(--theme-accent);font-weight:850;text-decoration:none}
.home-leaders-head a:hover,.home-leaders-head a:focus-visible{text-shadow:0 0 12px var(--theme-glow);outline-color:var(--theme-focus)}
.home-leader-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.home-leader-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface-soft);color:var(--theme-text)}
.home-leader-list li>span:last-child{color:var(--theme-text-muted);font-size:13px}
.leader-rank{color:var(--theme-accent);font-weight:950}
.home-empty-proof{padding:16px;border:1px dashed var(--theme-border);border-radius:14px}
@media(max-width:760px){
  .sample-answers,.home-proof-grid{grid-template-columns:1fr}
  .home-leaders-head{align-items:center}
  .home-leader-list li{grid-template-columns:auto 1fr}
  .home-leader-list li>span:last-child{grid-column:2}
}
@media(prefers-reduced-motion:reduce){.sample-answer{transition:none}}


/* Final homepage semantic card/link polish */
.home-leaders-head a,
.home-leaders-head a:visited {
  color: var(--theme-accent);
  -webkit-text-fill-color: var(--theme-accent);
  text-shadow: 0 0 12px var(--theme-glow);
}
.home-leaders-head a:hover,
.home-leaders-head a:focus-visible {
  color: var(--theme-accent-hover);
  -webkit-text-fill-color: var(--theme-accent-hover);
  text-shadow: 0 0 18px var(--theme-glow);
  outline: 2px solid var(--theme-focus);
  outline-offset: 4px;
  border-radius: 4px;
}

body > main > .grid > .card {
  background: var(--theme-surface);
  border-color: var(--theme-border);
  color: var(--theme-text);
  box-shadow: var(--theme-shadow), 0 10px 28px var(--theme-glow);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body > main > .grid > .card h3 {
  color: var(--theme-text);
}
body > main > .grid > .card p {
  color: var(--theme-text-muted);
}
body > main > .grid > .card:hover {
  transform: translateY(-2px);
  border-color: var(--theme-border-strong);
  box-shadow: var(--theme-shadow), 0 14px 34px var(--theme-glow);
}
@media (prefers-reduced-motion: reduce) {
  body > main > .grid > .card { transition: none; }
  body > main > .grid > .card:hover { transform: none; }
}


/* Logged-out homepage root layout + stable semantic feature cards */
.home-demo,
.home-categories,
.home-proof-grid,
.home-feature-grid {
  box-sizing: border-box;
  width: min(1120px, calc(100% - 32px));
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.home-demo *,
.home-categories *,
.home-proof-grid *,
.home-feature-grid * {
  box-sizing: border-box;
}

.home-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  margin-bottom: 48px;
}

.home-feature-grid > .card,
body > main .home-feature-grid > .card {
  min-width: 0;
  padding: clamp(20px, 3vw, 30px);
  background: var(--theme-surface) !important;
  background-image: none !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-shadow), 0 10px 28px var(--theme-glow) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home-feature-grid > .card h3,
body > main .home-feature-grid > .card h3 {
  color: var(--theme-text) !important;
  -webkit-text-fill-color: var(--theme-text) !important;
}

.home-feature-grid > .card p,
body > main .home-feature-grid > .card p {
  color: var(--theme-text-muted) !important;
  -webkit-text-fill-color: var(--theme-text-muted) !important;
}

.home-feature-grid > .card:hover {
  transform: translateY(-2px);
  border-color: var(--theme-border-strong) !important;
  box-shadow: var(--theme-shadow), 0 14px 34px var(--theme-glow) !important;
}

/* Keep the conversion content structured for first-time/logged-out visitors. */
.home-demo {
  overflow: hidden;
}
.sample-question,
.home-proof,
.home-leaders {
  width: 100%;
  min-width: 0;
}
.sample-answer {
  width: 100%;
  min-width: 0;
}
.home-leaders-head a,
.home-leaders-head a:visited {
  color: var(--theme-accent) !important;
  -webkit-text-fill-color: var(--theme-accent) !important;
  text-shadow: 0 0 12px var(--theme-glow);
}

@media (max-width: 760px) {
  .home-demo,
  .home-categories,
  .home-proof-grid,
  .home-feature-grid {
    width: min(100% - 24px, 1120px);
  }

  .home-demo {
    padding: 20px 14px;
    border-radius: 20px;
  }

  .home-section-heading {
    margin-bottom: 20px;
  }

  .sample-question {
    padding: 18px 14px;
    border-radius: 18px;
  }

  .sample-answers {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .sample-answer {
    display: block;
    padding: 14px 15px;
  }

  .category-strip {
    justify-content: center;
    gap: 8px;
  }

  .category-chip {
    padding: 9px 11px;
  }

  .home-proof-grid,
  .home-feature-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .home-proof,
  .home-leaders,
  .home-feature-grid > .card {
    padding: 20px 16px;
  }

  .home-leaders-head {
    gap: 12px;
  }

  .home-leaders-head a {
    white-space: nowrap;
  }
}

@media (max-width: 420px) {
  .home-demo,
  .home-categories,
  .home-proof-grid,
  .home-feature-grid {
    width: calc(100% - 20px);
  }

  .home-stats {
    grid-template-columns: 1fr;
  }

  .home-leader-list li {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-feature-grid > .card {
    transition: none;
  }
  .home-feature-grid > .card:hover {
    transform: none;
  }
}

/* v14.13.8 Premium visual showcase + Profile account consolidation */
.profile-account-form{display:grid;gap:16px}.profile-account-form label{display:grid;gap:8px;font-weight:800}.profile-account-form input{width:100%;box-sizing:border-box;background:var(--theme-surface-soft);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:14px;padding:14px 16px}.profile-account-form input:focus-visible{outline:3px solid var(--theme-focus);outline-offset:2px}.profile-account-form .btn{justify-self:start}.account-success{color:var(--theme-accent);font-weight:800}.account-error{font-weight:800}
.premium-theme-showcase{max-width:980px;margin:34px auto 44px;padding:0 20px;text-align:center}.premium-showcase-copy{max-width:720px;margin:0 auto 22px}.premium-showcase-stage{--ps-accent:#ff786c;--ps-bg:#fff8f1;--ps-surface:rgba(255,255,255,.78);--ps-text:#33243d;--ps-border:rgba(51,36,61,.24);--ps-glow:rgba(255,120,108,.28);padding:22px;border-radius:28px;background:var(--ps-bg);border:1px solid var(--ps-border);box-shadow:0 18px 48px var(--ps-glow);transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.premium-showcase-stage[data-showcase-theme="aurora"]{--ps-accent:#45d6c8;--ps-bg:#eefcf8;--ps-surface:rgba(255,255,255,.72);--ps-text:#173c3b;--ps-border:rgba(69,214,200,.42);--ps-glow:rgba(69,214,200,.3)}.premium-showcase-stage[data-showcase-theme="sunset"]{--ps-accent:#e99a38;--ps-bg:#fff0df;--ps-surface:rgba(255,250,241,.76);--ps-text:#57351f;--ps-border:rgba(233,154,56,.44);--ps-glow:rgba(233,154,56,.3)}.premium-showcase-stage[data-showcase-theme="midnight"]{--ps-accent:#7b8cff;--ps-bg:#151a35;--ps-surface:rgba(38,45,82,.8);--ps-text:#f5f6ff;--ps-border:rgba(123,140,255,.46);--ps-glow:rgba(123,140,255,.34)}.premium-showcase-stage[data-showcase-theme="deep-ocean"]{--ps-accent:#40d2cb;--ps-bg:#0c3038;--ps-surface:rgba(36,76,84,.82);--ps-text:#f2ffff;--ps-border:rgba(64,210,203,.46);--ps-glow:rgba(64,210,203,.34)}.premium-showcase-stage[data-showcase-theme="royal-eclipse"]{--ps-accent:#dc5bd1;--ps-bg:#281231;--ps-surface:rgba(74,48,80,.82);--ps-text:#fff5ff;--ps-border:rgba(220,91,209,.48);--ps-glow:rgba(220,91,209,.36)}.premium-showcase-window{overflow:hidden;border:1px solid var(--ps-border);border-radius:20px;background:var(--ps-surface);color:var(--ps-text);box-shadow:0 12px 32px var(--ps-glow);text-align:left}.premium-showcase-bar{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid var(--ps-border)}.premium-showcase-brand{font-weight:900;letter-spacing:.12em;color:var(--ps-accent)}.premium-showcase-nav{margin:auto;font-size:.8rem;opacity:.8}.premium-showcase-play{background:var(--ps-accent);color:#10131b;padding:7px 14px;border-radius:999px;font-weight:900}.premium-showcase-body{padding:28px}.premium-showcase-body .pill{color:var(--ps-accent);border-color:var(--ps-border)}.premium-showcase-body h3{font-size:clamp(1.5rem,4vw,2.5rem);margin:16px 0}.premium-showcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.premium-showcase-cards span{height:78px;border-radius:14px;background:var(--ps-surface);border:1px solid var(--ps-border);box-shadow:0 8px 20px var(--ps-glow)}.premium-showcase-progress{height:9px;margin-top:18px;border-radius:999px;background:var(--ps-surface);overflow:hidden}.premium-showcase-progress i{display:block;width:62%;height:100%;background:var(--ps-accent);box-shadow:0 0 18px var(--ps-glow)}.premium-showcase-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.premium-showcase-tab{border:1px solid var(--theme-border);background:var(--theme-surface-soft);color:var(--theme-text);border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.premium-showcase-tab:hover,.premium-showcase-tab:focus-visible,.premium-showcase-tab.selected{border-color:var(--theme-accent);color:var(--theme-accent);box-shadow:0 0 18px var(--theme-glow)}.premium-showcase-tab:focus-visible{outline:3px solid var(--theme-focus);outline-offset:2px}@media(max-width:640px){.premium-showcase-stage{padding:12px}.premium-showcase-nav{display:none}.premium-showcase-body{padding:20px 16px}.premium-showcase-cards span{height:58px}.premium-showcase-tabs{gap:7px}.premium-showcase-tab{padding:8px 10px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){.premium-showcase-stage{transition:none}}

/* Premium feature bullets: public fallback stays coral; authenticated Premium pages follow selected app theme. */
body.authenticated-app .plan-grid .plan li::marker {
  color: var(--theme-accent, var(--coral));
}

/* v14.13.11 isolated theme-aware sharing upgrade */
.share-card-upgrade{position:relative;overflow:hidden;max-width:560px;margin:24px auto;padding:28px;border-radius:26px;background:var(--theme-surface,linear-gradient(145deg,#fff1e9,#f0e8f5,#e7f6ee));border:1px solid var(--theme-border,var(--line));box-shadow:0 20px 58px var(--theme-shadow,rgba(82,55,75,.14));color:var(--theme-text,inherit);display:grid;gap:12px;text-align:left}.share-card-upgrade:before{content:"";position:absolute;inset:auto -15% -45% 35%;height:180px;background:radial-gradient(circle,var(--theme-glow,rgba(255,126,110,.28)),transparent 68%);pointer-events:none}.share-card-upgrade .share-card-kicker{font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--theme-accent,var(--coral));text-transform:uppercase}.share-card-upgrade .share-card-score{font-size:clamp(32px,8vw,54px);line-height:1;font-weight:950}.share-card-upgrade .share-card-meta{font-weight:800}.share-card-upgrade small{color:var(--theme-muted,var(--muted))}.profile-share-preview{margin-top:20px}.profile-share-preview .share-card-score{font-size:clamp(30px,7vw,46px)}
@media(max-width:480px){.share-card-upgrade{padding:22px;border-radius:22px}}

/* Real theme-aware profile image sharing */
.share-image-status{min-height:1.4em;margin-top:10px}
.share-profile-image:focus-visible{outline:3px solid var(--theme-focus,rgba(255,118,104,.34));outline-offset:3px}

/* Theme-aware Friend Duel share preview */
.duel-share-preview{margin:24px 0;text-align:left}.duel-share-status{min-height:1.4em}

/* FINAL premium contrast, showcase, referral sharing */
.authenticated-app .premium-page p,.authenticated-app .premium-page li,.premium-member .premium-page p,.premium-member .premium-page li{color:rgba(255,255,255,.92)!important}
.authenticated-app .premium-page small,.authenticated-app .premium-page .sub{color:rgba(238,226,255,.78)!important}
.premium-story-showcase{max-width:920px;margin:34px auto;padding:30px;border:1px solid var(--theme-border,var(--line));border-radius:28px;background:var(--theme-surface,rgba(255,255,255,.06));box-shadow:0 20px 58px var(--theme-shadow,rgba(82,55,75,.14));text-align:center}.premium-story-stage{min-height:390px;display:grid}.premium-story-slide{grid-area:1/1;display:none;align-content:center;justify-items:center;padding:28px}.premium-story-slide.is-active{display:grid}.premium-story-visual{width:132px;height:132px;border-radius:32px;display:grid;place-items:center;margin-bottom:24px;border:1px solid var(--theme-accent,var(--coral));box-shadow:0 0 34px var(--theme-glow,rgba(255,118,104,.2));font-size:58px;font-weight:950;color:var(--theme-accent,var(--coral));background:var(--theme-surface-raised,rgba(255,255,255,.08))}.premium-story-slide h3{font-size:clamp(1.7rem,5vw,2.7rem);margin:0 0 12px}.premium-story-slide p{max-width:620px;font-size:1.05rem;line-height:1.7}.premium-story-controls{display:flex;align-items:center;justify-content:center;gap:16px}.premium-story-controls>button{border:1px solid var(--theme-border,var(--line));background:var(--theme-surface-raised,transparent);color:inherit;border-radius:999px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}.premium-story-dots{display:flex;gap:8px}.premium-story-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:var(--theme-muted,#aaa);opacity:.45}.premium-story-dots button.is-active{background:var(--theme-accent,var(--coral));opacity:1;transform:scale(1.25)}.referral-share-preview{margin:20px 0}.referral-share-status{min-height:1.4em}@media(max-width:640px){.premium-story-showcase{padding:20px 14px}.premium-story-stage{min-height:430px}.premium-story-slide{padding:18px 8px}.premium-story-visual{width:112px;height:112px;font-size:48px}.premium-story-controls{gap:10px}}
/* Modern Premium phone showcase */
.premium-story-showcase{max-width:920px;margin:34px auto;padding:30px 20px 34px;text-align:center;overflow:hidden}.premium-story-showcase>h2{margin:18px 0 26px}.premium-phone{width:min(300px,78vw);height:560px;margin:0 auto 20px;padding:10px;border:2px solid var(--theme-border,var(--line));border-radius:44px;background:var(--theme-surface-raised,rgba(255,255,255,.12));box-shadow:0 24px 70px var(--theme-shadow,rgba(82,55,75,.25)),0 0 38px var(--theme-glow,rgba(255,118,104,.16));position:relative}.premium-phone-speaker{width:72px;height:6px;border-radius:99px;background:currentColor;opacity:.22;position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:3}.premium-phone-screen{height:100%;border-radius:34px;overflow:hidden;touch-action:pan-y;background:linear-gradient(160deg,var(--theme-surface,rgba(255,255,255,.08)),var(--theme-surface-raised,rgba(255,255,255,.16)));position:relative}.premium-phone-slides,.premium-phone-slide{height:100%}.premium-phone-slide{display:none;padding:62px 24px 32px;align-content:center;justify-items:center;animation:premiumPhoneIn .3s ease}.premium-phone-slide.is-active{display:grid}.premium-phone-slide strong{font-size:1.45rem;line-height:1.15;margin:22px 0 10px}.premium-phone-slide p{font-size:.95rem;line-height:1.55;margin:0;max-width:240px}.premium-demo-badge{padding:9px 15px;border:1px solid var(--theme-accent,var(--coral));border-radius:999px;color:var(--theme-accent,var(--coral));font-weight:900;font-size:.78rem}.premium-demo-avatar{width:112px;height:112px;margin-top:22px;border-radius:50%;display:grid;place-items:center;font-size:3rem;font-weight:950;background:var(--theme-accent,var(--coral));color:#fff;box-shadow:0 0 32px var(--theme-glow,rgba(255,118,104,.35))}.premium-theme-swatches{display:grid;grid-template-columns:repeat(3,62px);gap:12px}.premium-theme-swatches i{height:78px;border-radius:18px;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}.premium-theme-swatches i:nth-child(1){background:linear-gradient(145deg,#ff746b,#fff0e9)}.premium-theme-swatches i:nth-child(2){background:linear-gradient(145deg,#c45fe8,#2b123b)}.premium-theme-swatches i:nth-child(3){background:linear-gradient(145deg,#59c7ba,#eafbf6)}.premium-theme-swatches i:nth-child(4){background:linear-gradient(145deg,#f4b84b,#4b2c12)}.premium-theme-swatches i:nth-child(5){background:linear-gradient(145deg,#6e8cff,#162247)}.premium-theme-swatches i:nth-child(6){background:linear-gradient(145deg,#ef7faf,#4a1830)}.premium-demo-chart{height:170px;width:210px;display:flex;align-items:end;justify-content:center;gap:10px;padding:20px;border-radius:24px;background:var(--theme-surface-raised,rgba(255,255,255,.1))}.premium-demo-chart i{width:24px;border-radius:8px 8px 3px 3px;background:var(--theme-accent,var(--coral));box-shadow:0 0 16px var(--theme-glow,rgba(255,118,104,.25))}.premium-demo-chart i:nth-child(1){height:35%}.premium-demo-chart i:nth-child(2){height:62%}.premium-demo-chart i:nth-child(3){height:48%}.premium-demo-chart i:nth-child(4){height:82%}.premium-demo-chart i:nth-child(5){height:100%}.premium-demo-infinity{font-size:8rem;line-height:1;color:var(--theme-accent,var(--coral));text-shadow:0 0 28px var(--theme-glow,rgba(255,118,104,.3))}.premium-demo-profile{width:210px;padding:28px 18px;border-radius:28px;border:1px solid var(--theme-accent,var(--coral));display:grid;gap:10px;box-shadow:0 0 30px var(--theme-glow,rgba(255,118,104,.22))}.premium-demo-profile span{font-size:3rem;color:var(--theme-accent,var(--coral))}.premium-demo-profile small{opacity:.75}.premium-phone-nav{display:flex;justify-content:center;align-items:center;gap:16px}.premium-phone-dots{display:flex;align-items:center;gap:9px}.premium-phone-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.28;cursor:pointer;transition:.2s}.premium-phone-dots button.is-active{width:24px;border-radius:99px;background:var(--theme-accent,var(--coral));opacity:1}.premium-phone-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--theme-border,var(--line));background:var(--theme-surface-raised,rgba(255,255,255,.08));color:inherit;font-size:1.8rem;line-height:1;cursor:pointer}.premium-phone-arrow:active{transform:scale(.94)}@keyframes premiumPhoneIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@media(max-width:640px){.premium-story-showcase{padding:22px 10px 28px}.premium-phone{height:500px;width:min(280px,82vw);border-radius:40px}.premium-phone-slide{padding:54px 20px 26px}.premium-phone-slide strong{font-size:1.3rem}.premium-theme-swatches{grid-template-columns:repeat(3,54px)}.premium-theme-swatches i{height:68px}.premium-demo-chart{width:190px;height:150px}}

/* High-contrast authenticated player status card */
body.authenticated-app .desktop-player-progress,
body.authenticated-app .mobile-player-progress{
 background:linear-gradient(135deg,rgba(7,24,38,.96),rgba(25,22,48,.94))!important;
 border:1px solid color-mix(in srgb,var(--theme-accent) 55%,rgba(255,255,255,.25))!important;
 box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
 color:#fff!important;
}
body.authenticated-app .desktop-player-progress strong,
body.authenticated-app .mobile-player-progress strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
body.authenticated-app .desktop-player-progress span,
body.authenticated-app .desktop-player-progress small,
body.authenticated-app .mobile-player-progress span,
body.authenticated-app .mobile-player-progress small{color:rgba(255,255,255,.84)!important}
body.authenticated-app .mobile-premium-user,
body.authenticated-app .desktop-player-progress span{color:var(--theme-accent)!important;background:rgba(255,255,255,.10);border:1px solid color-mix(in srgb,var(--theme-accent) 55%,transparent);border-radius:999px;padding:3px 7px}
body.authenticated-app .desktop-player-progress progress,
body.authenticated-app .mobile-player-progress progress{accent-color:var(--theme-accent);background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}
body.authenticated-app .desktop-player-progress progress::-webkit-progress-bar,
body.authenticated-app .mobile-player-progress progress::-webkit-progress-bar{background:rgba(255,255,255,.16);border-radius:999px}
body.authenticated-app .desktop-player-progress progress::-webkit-progress-value,
body.authenticated-app .mobile-player-progress progress::-webkit-progress-value{background:var(--theme-accent);border-radius:999px}
/* Premium page contrast fix: match Free feature text visibility */
.premium-hero p{color:var(--muted)!important;}
.plan.featured ul,
.plan.featured ul li{color:var(--ink)!important;}
.plan.featured .fine,
.plan.featured .premium-active-state .fine{color:var(--muted)!important;}

/* FINAL favorite category preferences + referral button consistency */
.passport-favorite-categories{margin-top:28px}.passport-favorite-categories .category-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.passport-favorite-categories .category-chip{position:relative;cursor:pointer}.passport-favorite-categories .category-chip input{position:absolute;opacity:0;pointer-events:none}.passport-favorite-categories .category-chip span{display:block;padding:10px 14px;border:1px solid var(--theme-border,var(--line));border-radius:999px;background:var(--theme-surface-raised,rgba(255,255,255,.08));color:inherit;font-weight:750}.passport-favorite-categories .category-chip input:checked+span{border-color:var(--theme-accent,var(--coral));box-shadow:0 0 18px var(--theme-glow,rgba(255,118,104,.22));color:var(--theme-accent,var(--coral))}.preferences-success{font-weight:800}.premium-preference-link{color:inherit;text-decoration:underline;text-underline-offset:3px}.copy-referral-link.btn.secondary{font:inherit}

/* FINAL modern public homepage: warm Jagsina default identity; logged-in theme variables remain untouched */
.modern-public-home{max-width:1120px;margin:0 auto;padding:28px 24px 64px}.mph-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:46px 0 54px}.mph-copy h1{font-size:clamp(2.65rem,5.5vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin:18px 0}.mph-copy h1 em{font-style:normal;color:var(--coral)}.mph-copy>p{font-size:1.08rem;line-height:1.7;max-width:58ch}.mph-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.mph-streak-example{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mph-streak-example>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:.75rem;font-weight:800}.mph-streak-example .is-filled{background:var(--coral);border-color:var(--coral)}.mph-streak-example small{margin-left:6px;opacity:.72}.mph-preview{padding:26px;border-radius:24px;box-shadow:0 24px 70px rgba(62,45,58,.14)}.mph-preview-head,.mph-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.mph-preview h2{font-size:1.45rem;line-height:1.35;margin:22px 0}.mph-preview .sample-answers{display:grid;gap:10px}.mph-preview .sample-answer{width:100%;text-align:left;padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:inherit;font:inherit;cursor:pointer}.mph-preview .sample-answer:hover{border-color:var(--coral)}.mph-preview .sample-answer.is-correct{border-color:#4b9b7e;background:rgba(75,155,126,.12)}.mph-preview .sample-answer.is-incorrect{border-color:var(--coral);background:rgba(255,118,104,.1)}.mph-preview .sample-feedback{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.mph-categories{padding:34px 0;border-top:1px solid var(--line)}.mph-label{font-size:.78rem;font-weight:900;letter-spacing:.08em;opacity:.65}.mph-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:18px}.mph-category-grid div{display:grid;place-items:center;gap:8px;min-height:86px;padding:12px 6px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:.82rem;font-weight:800}.mph-category-grid span{font-size:1.5rem}.mph-proof{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:22px 0}.mph-leaderboard,.mph-today{padding:26px}.mph-leaderboard ol{list-style:none;padding:0;margin:20px 0 0}.mph-leaderboard li{display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:13px 0;border-top:1px solid var(--line);align-items:center}.mph-leaderboard li span{opacity:.72}.mph-today strong{font-size:1.65rem}.mph-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:42px 0}.mph-benefits article{padding-right:18px}.mph-benefits h3{font-size:1.25rem;margin:0 0 9px}.mph-benefits p{line-height:1.65;opacity:.78}.mph-premium{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px}.mph-premium h2{margin:10px 0}.mph-premium p{margin-bottom:0}.mph-final{text-align:center;padding:60px 0 10px}.mph-final h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 10px}.mph-final p{margin:0 0 22px}
body:not(.authenticated-app) .modern-public-home{--card:#fffaf6;--line:rgba(79,58,73,.14);color:#4b3848}body:not(.authenticated-app) .modern-public-home .card{background:rgba(255,250,246,.92);border:1px solid rgba(79,58,73,.14)}
@media(max-width:860px){.modern-public-home{padding:18px 16px 48px}.mph-hero{grid-template-columns:1fr;padding:28px 0 38px;gap:30px}.mph-copy h1{font-size:clamp(2.55rem,12vw,4.2rem)}.mph-category-grid{grid-template-columns:repeat(4,1fr)}.mph-proof{grid-template-columns:1fr}.mph-benefits{grid-template-columns:1fr;gap:8px}.mph-premium{align-items:flex-start;flex-direction:column}.mph-section-head{align-items:flex-start;flex-direction:column}.mph-leaderboard li{grid-template-columns:38px 1fr}.mph-leaderboard li span{grid-column:2}}@media(max-width:480px){.mph-category-grid{grid-template-columns:repeat(2,1fr)}.mph-actions .btn{width:100%;text-align:center}.mph-streak-example small{width:100%;margin:6px 0 0}.mph-preview{padding:20px}}

/* FINAL homepage polish: structural consistency + active theme inheritance */
.modern-public-home{
 --mph-bg:var(--theme-page,#fff7f1);--mph-surface:var(--theme-surface,#fffaf6);
 --mph-raised:var(--theme-surface-raised,#fff);--mph-text:var(--theme-text,#4b3848);
 --mph-muted:var(--theme-muted,#765f70);--mph-accent:var(--theme-accent,var(--coral));
 --mph-border:var(--theme-border,rgba(79,58,73,.15));--mph-shadow:var(--theme-shadow,rgba(62,45,58,.14));
 color:var(--mph-text)
}
.modern-public-home .card,.mph-category-grid div{background:var(--mph-surface)!important;border:1px solid var(--mph-border)!important;box-shadow:0 16px 42px var(--mph-shadow)!important}
.modern-public-home p,.modern-public-home small,.modern-public-home .mph-leaderboard li span{color:var(--mph-muted)}
.modern-public-home h1,.modern-public-home h2,.modern-public-home h3,.modern-public-home strong{color:var(--mph-text)}
.mph-copy h1 em,.mph-label,.mph-leaderboard li b{color:var(--mph-accent)}
.mph-preview{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:470px}
.mph-preview .sample-answer{background:var(--mph-raised)!important;border-color:var(--mph-border)!important;color:var(--mph-text)!important;box-shadow:0 5px 16px var(--mph-shadow)}
.mph-preview .sample-answer:hover{border-color:var(--mph-accent)!important;transform:translateY(-1px)}
.mph-streak-example>span{background:var(--mph-raised);border-color:var(--mph-border);color:var(--mph-text)}
.mph-streak-example .is-filled{background:var(--mph-accent);border-color:var(--mph-accent);color:#fff}
.mph-category-grid div{min-height:96px;transition:transform .18s ease,border-color .18s ease}.mph-category-grid div:hover{transform:translateY(-2px);border-color:var(--mph-accent)!important}
.mph-proof{align-items:stretch}.mph-leaderboard,.mph-today{height:100%}.mph-leaderboard li{border-color:var(--mph-border)}
.mph-benefits article{padding:24px;border:1px solid var(--mph-border);border-radius:18px;background:var(--mph-surface);box-shadow:0 12px 34px var(--mph-shadow)}
.mph-premium{border-color:var(--mph-accent)!important;box-shadow:0 18px 52px var(--mph-shadow)!important}
.mph-final{margin-top:22px;padding:58px 24px;border-top:1px solid var(--mph-border)}
.modern-public-home .btn{box-shadow:0 8px 22px var(--mph-shadow)}
/* Logged-out public identity stays warm coral/cream */
body:not(.authenticated-app) .modern-public-home{--mph-bg:#fff7f1;--mph-surface:#fffaf6;--mph-raised:#fff;--mph-text:#4b3848;--mph-muted:#765f70;--mph-accent:#ff7668;--mph-border:rgba(79,58,73,.15);--mph-shadow:rgba(62,45,58,.13)}
/* Authenticated home uses the exact active theme variables, never fixed teal/purple */
body.authenticated-app .modern-public-home{--mph-surface:var(--theme-surface);--mph-raised:var(--theme-surface-raised);--mph-text:var(--theme-text);--mph-muted:var(--theme-muted);--mph-accent:var(--theme-accent);--mph-border:var(--theme-border);--mph-shadow:var(--theme-shadow)}
@media(max-width:860px){.mph-hero{gap:24px}.mph-preview{min-height:0}.mph-proof{gap:14px}.mph-benefits article{padding:20px}.mph-category-grid div{min-height:88px}.mph-premium{padding:24px}}
@media(max-width:480px){.modern-public-home{padding-left:14px;padding-right:14px}.mph-copy h1{line-height:1.01}.mph-copy>p{font-size:1rem}.mph-preview,.mph-leaderboard,.mph-today,.mph-premium{border-radius:20px!important}.mph-preview{padding:18px}.mph-category-grid{gap:9px}.mph-category-grid div{min-height:82px}.mph-benefits{padding:28px 0}.mph-benefits article{border-radius:16px}.mph-final{padding:44px 12px}}


/* Final homepage theme consistency and readability fixes */
.modern-public-home.is-logged-in .btn.secondary,
.modern-public-home.is-logged-in .mph-premium .btn.secondary {
  background: var(--accent, #39d0c8) !important;
  border-color: var(--accent, #39d0c8) !important;
  color: var(--accent-contrast, #082f35) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--accent, #39d0c8) 24%, transparent) !important;
}
.modern-public-home.is-logged-in .mph-section-head > a {
  color: var(--accent, #39d0c8) !important;
  opacity: 1 !important;
  font-weight: 700;
}
.modern-public-home.is-guest .mph-label {
  color: #D9574F !important;
}

/* FINAL Premium page theme-aware typography and alignment */
.premium-page .plan ul,.plan-grid .plan ul{padding-left:1.35rem;margin-top:18px;margin-bottom:24px}
.premium-page .plan li,.plan-grid .plan li{color:var(--theme-text,var(--text))!important;opacity:1!important;line-height:1.58;margin:.48rem 0}
.premium-page .plan li::marker,.plan-grid .plan li::marker{color:var(--theme-accent,var(--coral))}
.premium-page .premium-active-state .fine,.plan-grid .premium-active-state .fine{color:var(--theme-muted,var(--muted))!important;opacity:1!important;line-height:1.55}
.premium-page .premium-hero p,.premium-hero p{color:var(--theme-text,var(--text))!important;opacity:.88!important;line-height:1.65}
body:not(.authenticated-app) .premium-page .plan li,body:not(.authenticated-app) .plan-grid .plan li{color:#4b3848!important}
body:not(.authenticated-app) .premium-page .premium-hero p,body:not(.authenticated-app) .premium-hero p{color:#5f4858!important}
body:not(.authenticated-app) .premium-page .premium-active-state .fine,body:not(.authenticated-app) .plan-grid .premium-active-state .fine{color:#765f70!important}
.premium-preference-link{color:inherit!important;text-decoration:none!important;pointer-events:none}
@media(max-width:640px){.premium-page .plan,.plan-grid .plan{padding:24px 20px}.premium-page .plan ul,.plan-grid .plan ul{padding-left:1.25rem}.premium-page .plan li,.plan-grid .plan li{line-height:1.52;margin:.52rem 0}}

/* FINAL minor Premium page fixes only */
.premium-page .premium-preference-link,
.plan-grid .premium-preference-link,
.premium-page a.premium-preference-link,
.plan-grid a.premium-preference-link{
  color:inherit!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  font-weight:inherit!important;
  pointer-events:none!important;
}
.premium-page .plan li a,
.plan-grid .plan li a{
  font-weight:inherit;
}
.premium-page .subscribe-note,
.premium-page .plan-note,
.plan-grid .subscribe-note,
.plan-grid .plan-note{
  color:var(--theme-muted,var(--muted))!important;
  opacity:1!important;
}
body:not(.authenticated-app) .premium-page .subscribe-note,
body:not(.authenticated-app) .premium-page .plan-note,
body:not(.authenticated-app) .plan-grid .subscribe-note,
body:not(.authenticated-app) .plan-grid .plan-note{
  color:#765f70!important;
}
.premium-page .premium-active-state .fine,
.plan-grid .premium-active-state .fine{
  color:var(--theme-muted,var(--muted))!important;
  opacity:1!important;
}
body:not(.authenticated-app) .premium-page .premium-active-state .fine,
body:not(.authenticated-app) .plan-grid .premium-active-state .fine{
  color:#765f70!important;
}

/* FINAL two helper-text contrast fixes and Favorite Categories slide */
.premium-page .premium-active-state .fine,
.plan-grid .premium-active-state .fine{
  color:#5f4858!important;
  opacity:1!important;
  text-shadow:none!important;
}
.authenticated-app .premium-page .premium-active-state .fine,
.authenticated-app .plan-grid .premium-active-state .fine{
  color:#36545a!important;
}
.premium-page .subscribe-note,
.premium-page .plan-note,
.plan-grid .subscribe-note,
.plan-grid .plan-note{
  color:#765f70!important;
  opacity:1!important;
  text-shadow:none!important;
}
.authenticated-app .premium-page .subscribe-note,
.authenticated-app .premium-page .plan-note,
.authenticated-app .plan-grid .subscribe-note,
.authenticated-app .plan-grid .plan-note{
  color:#36545a!important;
}
.premium-showcase .phone-card p,
.premium-showcase .phone-card .description{
  overflow-wrap:anywhere;
}

/* Final profile alignment polish: align rank share preview with section content */
.profile-page .profile-share-preview{margin-left:0;margin-right:auto;}

/* Premium subscribe helper text: keep readable across selected themes. */
.plan.featured > .fine {
  color: var(--theme-muted, var(--muted)) !important;
  opacity: 1 !important;
  font-weight: 600;
}
body:not(.authenticated-app) .plan.featured > .fine {
  color: #765f70 !important;
}
.password-field{position:relative;display:block}.password-field input{padding-right:5rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent,#ff786b);font:inherit;font-weight:700;cursor:pointer;padding:.5rem}.password-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Email verification action spacing */
.verification-actions{display:flex;flex-direction:column;align-items:center;gap:26px;margin-top:24px}.verification-resend-link{display:inline-block}.verification-login-btn{display:inline-flex;width:auto;min-width:190px;justify-content:center;margin:0}.resend-login-action{margin-top:32px;padding-top:4px}.resend-login-action .muted-link{display:inline-block}@media(max-width:640px){.verification-actions{gap:30px;margin-top:26px}.resend-login-action{margin-top:34px}}

/* Mobile homepage center-alignment polish */
@media (max-width: 700px){
  .modern-public-home .mph-hero,
  .modern-public-home .mph-categories,
  .modern-public-home .mph-leaderboard,
  .modern-public-home .mph-today,
  .modern-public-home .mph-premium,
  .modern-public-home .mph-final-cta,
  .modern-public-home .mph-feature-card,
  .modern-public-home .mph-features > *{text-align:center}
  .modern-public-home .mph-actions{justify-content:center;align-items:center}
  .modern-public-home .mph-section-head{align-items:center;text-align:center}
  .modern-public-home .mph-section-head > div{width:100%}
  .modern-public-home .mph-section-head a{margin-inline:auto}
  .modern-public-home .mph-premium{align-items:center}
  .modern-public-home .mph-premium > div{width:100%}
  .modern-public-home .mph-hero p,
  .modern-public-home .mph-premium p,
  .modern-public-home .mph-feature-card p,
  .modern-public-home .mph-features p,
  .modern-public-home .mph-final-cta p{margin-left:auto;margin-right:auto}
  .modern-public-home .mph-category-grid > div{justify-content:center;text-align:center}
}

/* Mobile Premium readability + Profile/Dashboard alignment polish */
@media (max-width:700px){
  .plan-grid .plan.featured ul li,
  .plan-grid .plan.featured ul li *,
  .premium-page .plan.featured ul li,
  .premium-page .plan.featured ul li *{color:#4b3848!important;opacity:1!important;text-shadow:none!important;visibility:visible!important}

  .profile-page{text-align:center}
  .profile-page>.sub,.profile-page .card>p,.profile-page .card>.sub{margin-left:auto;margin-right:auto}
  .profile-page .rank-hero,.profile-page .profile-stats,.profile-page .theme-options{justify-content:center}
  .profile-page .rank-hero>div,.profile-page .profile-stats .card{text-align:center}
  .profile-page .profile-theme-picker .btn,.profile-page .profile-share-preview,.profile-page .referral-share-preview{margin-left:auto;margin-right:auto}
  .profile-page .share-row,.profile-page .referral-share-row{justify-content:center}
  .profile-page .share-card-upgrade{text-align:center}
  .profile-page .profile-account-form{text-align:left}

  .dashboard-page,.admin-shell.dashboard-page{text-align:center}
  .dashboard-page .card>p,.dashboard-page .card>.sub{margin-left:auto;margin-right:auto}
  .dashboard-page .stats,.dashboard-page .actions,.dashboard-page .share-row{justify-content:center}
  .dashboard-page .card,.dashboard-page .stats .card{text-align:center}
}


/* Final mobile alignment polish: Account Details + Dashboard */
@media (max-width: 768px) {
  /* Profile account details */
  .account-card,
  .account-details,
  .profile-account,
  .profile-section.account,
  form.account-form {
    text-align: center !important;
  }

  .account-card form,
  .account-details form,
  .profile-account form,
  form.account-form {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .account-card label,
  .account-details label,
  .profile-account label,
  form.account-form label {
    display: block !important;
    text-align: center !important;
  }

  .account-card input,
  .account-details input,
  .profile-account input,
  form.account-form input {
    text-align: center !important;
  }

  .account-card button,
  .account-details button,
  .profile-account button,
  form.account-form button {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Dashboard: center mobile presentation while preserving card structure */
  body.dashboard-page main,
  body.dashboard-page .dashboard,
  body.dashboard-page .dashboard-main,
  body.dashboard-page .dashboard-content,
  .dashboard-page main,
  .dashboard-page .dashboard,
  .dashboard-page .dashboard-main,
  .dashboard-page .dashboard-content {
    text-align: center !important;
  }

  .dashboard-page h1,
  .dashboard-page h2,
  .dashboard-page h3,
  .dashboard-page p,
  .dashboard-page .eyebrow,
  .dashboard-page .badge,
  .dashboard-page .section-label,
  .dashboard-page .stat-card,
  .dashboard-page .journey-card {
    text-align: center !important;
  }

  .dashboard-page .journey-card,
  .dashboard-page .stat-card,
  .dashboard-page .dashboard-card,
  .dashboard-page .card {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .dashboard-page .stats-grid,
  .dashboard-page .dashboard-grid {
    justify-items: center !important;
  }

  .dashboard-page .stat-card,
  .dashboard-page .dashboard-card {
    width: 100% !important;
  }

  .dashboard-page .progress-row,
  .dashboard-page .progress-wrap,
  .dashboard-page .actions,
  .dashboard-page .button-group,
  .dashboard-page .cta-group {
    justify-content: center !important;
    align-items: center !important;
  }

  .dashboard-page a.btn,
  .dashboard-page button {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .profile-page .profile-account-details { text-align:center !important; }
  .profile-page .profile-account-details form { margin-left:auto !important; margin-right:auto !important; }
  .profile-page .profile-account-details label { display:grid !important; gap:10px !important; text-align:center !important; }
  .profile-page .profile-account-details input { text-align:center !important; }
  .profile-page .profile-account-details .btn,
  .profile-page .profile-account-details button { display:block !important; margin-left:auto !important; margin-right:auto !important; }
}


/* Final mobile alignment refinements */
@media (max-width: 768px) {
  /* Profile: give account fields breathing room; bold labels only */
  .account-details-card .form-group,
  .account-card .form-group,
  form.account-details .form-group {
    margin-bottom: 24px !important;
  }
  .account-details-card label,
  .account-card label,
  form.account-details label {
    display: block;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
  }
  .account-details-card input,
  .account-card input,
  form.account-details input {
    font-weight: 400 !important;
    text-align: center !important;
  }

  /* Dashboard: center greeting/status and Daily quests heading */
  .dashboard-hero,
  .dashboard-welcome,
  .dashboard-intro {
    text-align: center !important;
  }
  .dashboard-hero h1,
  .dashboard-welcome h1,
  .dashboard-intro h1,
  .dashboard-hero p,
  .dashboard-welcome p,
  .dashboard-intro p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .daily-quests-title,
  .daily-quests > h2,
  .quests-section > h2 {
    text-align: center !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .profile-account-details { padding-left: 28px !important; padding-right: 28px !important; }
  .profile-account-details label { display:grid; gap:10px !important; font-weight:700 !important; text-align:center !important; }
  .profile-account-details input { font-weight:400 !important; text-align:center !important; }
  .profile-account-details label + input { margin-bottom:24px !important; }
  .dash > h1, .dash > h1 + p { text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
  .dash > h2 { text-align:center !important; width:100% !important; }
}

/* Final archive, profile spacing, and Premium celebration patch */
@media (max-width:768px){
  .archive-page .admin-table{overflow:hidden!important;max-width:100%!important;}
  .archive-page .admin-table table{width:100%!important;table-layout:fixed!important;}
  .archive-page .admin-table th,.archive-page .admin-table td{
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;
    padding:12px 7px!important;font-size:12px!important;min-width:0!important;
  }
  .archive-page .admin-table th:nth-child(1),.archive-page .admin-table td:nth-child(1){width:19%!important;}
  .archive-page .admin-table th:nth-child(2),.archive-page .admin-table td:nth-child(2){width:25%!important;}
  .archive-page .admin-table th:nth-child(3),.archive-page .admin-table td:nth-child(3){width:20%!important;}
  .archive-page .admin-table th:nth-child(4),.archive-page .admin-table td:nth-child(4){width:14%!important;}
  .archive-page .admin-table th:nth-child(5),.archive-page .admin-table td:nth-child(5){width:22%!important;}
  .archive-page .empty-state{padding:24px 12px!important;text-align:center!important;overflow-wrap:anywhere!important;}
  .profile-account-details{padding:34px 32px!important;}
  .profile-account-details label{margin-top:8px!important;margin-bottom:14px!important;}
  .profile-account-details input{margin-bottom:30px!important;}
}
.premium-celebration{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(35,16,45,.38);backdrop-filter:blur(5px);animation:pcFade 3s ease forwards}
.premium-celebration-card{max-width:420px;width:100%;text-align:center;padding:34px 24px;border-radius:28px;background:#fff8f4;box-shadow:0 24px 80px rgba(44,20,50,.28);animation:pcPop .55s cubic-bezier(.2,.9,.25,1.2)}
.premium-celebration-icon{font-size:52px;display:block;margin-bottom:10px;animation:pcBounce .8s ease}
.premium-celebration-card h2{margin:0 0 10px;font-size:30px;color:#38233e}
.premium-celebration-card p{margin:0;color:#725f73;line-height:1.5}
@keyframes pcPop{from{opacity:0;transform:scale(.72) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes pcBounce{50%{transform:scale(1.25) rotate(8deg)}}
@keyframes pcFade{0%,78%{opacity:1}100%{opacity:0;visibility:hidden}}

/* Final journey centering */
.journey-centered,.journey-centered .journey-copy{text-align:center!important;}
.journey-centered .journey-copy{display:flex;flex-direction:column;align-items:center;}
.journey-centered .journey-copy p{max-width:560px;margin-left:auto!important;margin-right:auto!important;}
.journey-centered .journey-track{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;}
.journey-centered .journey-track progress{flex:1;max-width:520px;}

/* ============================================================
   Jagsina upgrade patch — profile spacing, homepage streak
   centering, desktop Daily Chest idle animation, and Results
   "Your Answers" alignment. Added as overrides so nothing
   above this block needs to change.
   ============================================================ */

/* 6. Profile page: clearer breathing room between major sections */
.profile-page>.card{margin-top:28px!important;}
.profile-page .rank-hero{margin-bottom:4px;}
.profile-account-details label{margin-top:10px!important;margin-bottom:16px!important;}
.profile-account-details label:first-of-type{margin-top:0!important;}

/* 7. Homepage: perfectly center the example streak row */
.mph-streak-example{
  justify-content:center;
  width:100%;
  text-align:center;
}
.mph-streak-example small{
  width:100%;
  text-align:center;
  margin-left:0;
}
@media(max-width:860px){
  .mph-hero .mph-streak-example{margin-left:auto;margin-right:auto;}
}

/* 8. Desktop-only ambient idle glow on the unopened Daily Chest,
   inviting a click without being distracting. Celebration burst
   (chest-celebrating) is untouched and takes priority. */
@media(min-width:901px){
  #daily-chest.daily-chest:not(.chest-celebrating){
    animation:chestAmbientGlow 3.4s ease-in-out infinite;
  }
}
@keyframes chestAmbientGlow{
  0%,100%{box-shadow:0 0 0 rgba(255,121,111,0);}
  50%{box-shadow:0 0 26px rgba(255,121,111,.22);}
}
@media(prefers-reduced-motion:reduce){
  #daily-chest.daily-chest:not(.chest-celebrating){animation:none!important;}
}

/* 9. Results page: match "Your Answers" (review-list) width/centering
   exactly to the result score card above it */
.review-list{
  max-width:780px;
  margin-left:auto!important;
  margin-right:auto!important;
}