/* assets/eye-comfort-v1573.css */
/* GUULRAADRAAC v1573 — Eye Comfort Mode
   Soft Light is the default. Dark/System are optional. No pure-white page wash. */
:root{
  --guul-eye-accent:#0f766e;
  --guul-eye-accent-2:#14b8a6;
  --guul-eye-page:#f1f0ea;
  --guul-eye-page-2:#f6f5ef;
  --guul-eye-surface:#fbfaf6;
  --guul-eye-surface-2:#f4f3ed;
  --guul-eye-line:#daddd7;
  --guul-eye-ink:#252a27;
  --guul-eye-muted:#66706a;
  --guul-eye-shadow:rgba(30,45,38,.08);
}
html[data-guul-comfort-resolved="soft"]{
  color-scheme:light;
  --guul-page-bg:var(--guul-eye-page)!important;
  --guul-page-bg-2:var(--guul-eye-page-2)!important;
  --guul-surface:var(--guul-eye-surface)!important;
  --guul-surface-2:var(--guul-eye-surface-2)!important;
  --guul-line:var(--guul-eye-line)!important;
}
html[data-guul-comfort-resolved="dark"]{
  color-scheme:dark;
  --guul-eye-page:#141817;
  --guul-eye-page-2:#191e1c;
  --guul-eye-surface:#1f2623;
  --guul-eye-surface-2:#252d29;
  --guul-eye-line:#39423e;
  --guul-eye-ink:#edf2ee;
  --guul-eye-muted:#adb8b2;
  --guul-eye-shadow:rgba(0,0,0,.24);
  --guul-page-bg:var(--guul-eye-page)!important;
  --guul-page-bg-2:var(--guul-eye-page-2)!important;
  --guul-surface:var(--guul-eye-surface)!important;
  --guul-surface-2:var(--guul-eye-surface-2)!important;
  --guul-line:var(--guul-eye-line)!important;
}
html[data-guul-comfort-resolved] body,
html[data-guul-comfort-resolved] .appShell,
html[data-guul-comfort-resolved] .appShell>.content,
html[data-guul-comfort-resolved] .v2Home,
html[data-guul-comfort-resolved] .p2App{
  background:var(--guul-eye-page)!important;
  color:var(--guul-eye-ink)!important;
}
html[data-guul-comfort-resolved] .v2Home{
  background:linear-gradient(180deg,var(--guul-eye-page-2) 0%,var(--guul-eye-page) 48%,var(--guul-eye-page-2) 100%)!important;
}
/* Keep the header attractive, but remove the bright blue/purple wash. */
html[data-guul-comfort-resolved] .v2Hero{
  background:linear-gradient(145deg,#28443e 0%,#315b52 58%,#3b675d 100%)!important;
  box-shadow:0 12px 28px rgba(22,55,47,.16)!important;
}
html[data-guul-comfort-resolved] .v2Search{
  background:rgba(250,250,246,.94)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 8px 22px rgba(16,39,34,.12)!important;
}
html[data-guul-comfort-resolved] .v2Search input{background:transparent!important;color:#25302b!important}
html[data-guul-comfort-resolved] .v2Search input::placeholder{color:#78827d!important}
html[data-guul-comfort-resolved] :is(.v2ServiceCard,.v2Leaderboard,.v2Progress,.v2Challenge,.p2Card,.p2Row,.p2Point,.p2Answer,.p2Result,.p2Stat,.p2ScheduleSubject,.p2ProgressRow,.p2ChapterCard,.p2LessonCheckRow,.v3ProfileCard,.v3Panel,.v3Tabs,.v3bTabs,.v3bPanel,.v3bTask,.v3bMessage,.v3bTime,.v3bToast,.v52Stats article,.v52Subjects article,.v52History article){
  background:var(--guul-eye-surface)!important;
  border-color:var(--guul-eye-line)!important;
  box-shadow:0 7px 20px var(--guul-eye-shadow)!important;
}
html[data-guul-comfort-resolved] :is(.p2ScheduleRow,.p2ScheduleSelected,.p2ChapterCard.complete,.p2LessonCheckRow.done,.v3MiniStats>div,.v3InfoGrid>div,.v3Weekly,.v3Subjects button,.v3ChapterGrid article,.v3bEmpty,.v3bMessage.unread,.v3bTask.done,.v3bDayStrip button,.v3bReminderList>div){
  background:var(--guul-eye-surface-2)!important;
  border-color:var(--guul-eye-line)!important;
}
html[data-guul-comfort-resolved] :is(.v2SectionHead,.p2HeadCopy,.p2Body,.v3Panel,.v3bPanel,.v52Stats,.v52Subjects,.v52History) :is(h1,h2,h3,h4,b,strong){color:var(--guul-eye-ink)!important}
html[data-guul-comfort-resolved] :is(.v2SectionHead,.p2HeadCopy,.p2Body,.v3Panel,.v3bPanel,.v52Stats,.v52Subjects,.v52History) :is(p,small,em){color:var(--guul-eye-muted)!important}
/* Preserve quiz correctness colors. */
html[data-guul-comfort-resolved] .p2Answer.correct,
html[data-guul-comfort-resolved] .p2Answer.wrong{box-shadow:none!important}
/* Old 3-color background chooser is superseded by Eye Comfort. */
html[data-guul-comfort-resolved] .v2ThemeChooser{display:none!important}
/* Bottom navigation should not create a pure-white strip. */
html[data-guul-comfort-resolved] .v2BottomNav,
html[data-guul-comfort-resolved] .v2BottomNav::before{background:var(--guul-eye-surface)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved="dark"] .v2BottomNav :is(button,span,small){color:var(--guul-eye-muted)!important}
html[data-guul-comfort-resolved="dark"] .v2BottomNav .active,
html[data-guul-comfort-resolved="dark"] .v2BottomNav .active :is(span,small){color:#7de7d6!important}
/* Dark text fixes outside the colored hero. */
html[data-guul-comfort-resolved="dark"] .v2Home>:not(.v2Hero) :is(h1,h2,h3,h4,b,strong){color:#edf2ee!important}
html[data-guul-comfort-resolved="dark"] .v2Home>:not(.v2Hero) :is(p,small,em,span){color:#aeb9b3}
html[data-guul-comfort-resolved="dark"] :is(input,select,textarea){background:#242c29!important;color:#edf2ee!important;border-color:#424c47!important}
html[data-guul-comfort-resolved="dark"] :is(input,textarea)::placeholder{color:#8f9b95!important}
/* Eye Comfort trigger in the student header. */
.guulEye1573Btn{
  width:38px;height:38px;min-width:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer;
  box-shadow:0 5px 15px rgba(18,49,42,.13);backdrop-filter:blur(10px)
}
.guulEye1573Btn:focus-visible{outline:3px solid rgba(153,246,228,.55);outline-offset:2px}
/* Reader button uses a quieter surface. */
.top .guulEye1573Btn{width:42px;height:42px;min-width:42px;background:var(--guul-eye-surface-2)!important;color:var(--guul-eye-ink)!important;border-color:var(--guul-eye-line)!important;box-shadow:none}
/* Sheet */
.guulEye1573Overlay{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:end center;padding:16px;background:rgba(13,22,19,.36);backdrop-filter:blur(4px)}
.guulEye1573Overlay[hidden]{display:none!important}
.guulEye1573Sheet{width:min(430px,100%);border:1px solid var(--guul-eye-line);border-radius:22px;background:var(--guul-eye-surface);color:var(--guul-eye-ink);box-shadow:0 24px 70px rgba(0,0,0,.24);padding:17px}
.guulEye1573Head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.guulEye1573Head small{display:block;color:var(--guul-eye-accent);font-size:10px;font-weight:900;letter-spacing:.08em}.guulEye1573Head h3{margin:4px 0 4px;font-size:19px;color:var(--guul-eye-ink)}.guulEye1573Head p{margin:0;color:var(--guul-eye-muted);font-size:12px;line-height:1.45}.guulEye1573Close{border:0;width:34px;height:34px;border-radius:50%;background:var(--guul-eye-surface-2);color:var(--guul-eye-ink);font-size:16px;cursor:pointer}
.guulEye1573Modes{display:grid;gap:8px}.guulEye1573Mode{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;text-align:left;border:1px solid var(--guul-eye-line);border-radius:15px;padding:10px;background:var(--guul-eye-surface-2);color:var(--guul-eye-ink);cursor:pointer}.guulEye1573Mode>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--guul-eye-surface);font-size:21px}.guulEye1573Mode b,.guulEye1573Mode small{display:block}.guulEye1573Mode b{font-size:13px;color:var(--guul-eye-ink)}.guulEye1573Mode small{margin-top:2px;color:var(--guul-eye-muted);font-size:10px}.guulEye1573Mode i{width:18px;height:18px;border:2px solid #8fa099;border-radius:50%;position:relative}.guulEye1573Mode.active{border-color:#49cbbb;background:rgba(20,184,166,.09)}.guulEye1573Mode.active i{border-color:#0f766e}.guulEye1573Mode.active i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0f766e}
.guulEye1573Reset{margin-top:10px;width:100%;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:var(--guul-eye-accent);font-weight:850;cursor:pointer}
.guulEye1573Foot{margin:7px 2px 0;color:var(--guul-eye-muted);font-size:10px;line-height:1.45;text-align:center}
/* PDF reader chrome + page brightness. The PDF is never externally opened/downloaded by this feature. */
html[data-guul-comfort-resolved="soft"] body:has(#viewer){--bg:#e7e9e4;--ink:#252a27;--muted:#68716c;--line:#d7dbd5;--purple:#0f766e}
html[data-guul-comfort-resolved="dark"] body:has(#viewer){--bg:#111513;--ink:#edf2ee;--muted:#adb8b2;--line:#37403c;--purple:#5eead4}
html[data-guul-comfort-resolved] body:has(#viewer) .top{background:color-mix(in srgb,var(--guul-eye-surface) 95%,transparent)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved] body:has(#viewer) .controls{background:color-mix(in srgb,var(--guul-eye-surface-2) 95%,transparent)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved] body:has(#viewer) :is(.nav,.pageBox,.loading,.error,.readerLockActions input){background:var(--guul-eye-surface)!important;color:var(--guul-eye-ink)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved] body:has(#viewer) .viewer{background:var(--guul-eye-page)!important}
html[data-guul-comfort-resolved] body:has(#viewer) .shell{background:#ebe9e1!important;box-shadow:0 16px 42px var(--guul-eye-shadow)!important}
html[data-guul-comfort-resolved="soft"] body:has(#viewer) canvas{filter:brightness(.95) sepia(.025)}
html[data-guul-comfort-resolved="dark"] body:has(#viewer) canvas{filter:brightness(.82) contrast(.96) sepia(.035)}
html[data-guul-comfort-resolved="dark"] body:has(#viewer) .shell{background:#0d100f!important}
html[data-guul-comfort-resolved="dark"] body:has(#viewer) :is(.title b,.pageBox input,.zoom){color:#edf2ee!important}
html[data-guul-comfort-resolved="dark"] body:has(#viewer) .back{background:#26322e!important;color:#7de7d6!important}
html[data-guul-comfort-resolved="dark"] body:has(#viewer) .action.secondary{background:#29312e!important;color:#edf2ee!important}
@media(max-width:720px){.guulEye1573Overlay{padding:8px}.guulEye1573Sheet{border-radius:20px;padding:14px}.guulEye1573Btn{width:36px;height:36px;min-width:36px}.top .guulEye1573Btn{width:38px;height:38px;min-width:38px}}
@media(prefers-reduced-motion:reduce){.guulEye1573Overlay,.guulEye1573Sheet,.guulEye1573Mode{scroll-behavior:auto;transition:none!important}}
/* Membership / code gate also follows Eye Comfort. */
html[data-guul-comfort-resolved] .guulMemberBox{background:var(--guul-eye-surface)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved] .guulMemberBox h2{color:var(--guul-eye-ink)!important}
html[data-guul-comfort-resolved] .guulMemberBox p{color:var(--guul-eye-muted)!important}
html[data-guul-comfort-resolved] .guulMemberBox input{background:var(--guul-eye-surface-2)!important;color:var(--guul-eye-ink)!important;border-color:var(--guul-eye-line)!important}
html[data-guul-comfort-resolved] .guulMemberBtn.primary{background:#0f766e!important;box-shadow:0 10px 24px rgba(15,118,110,.18)!important}
html[data-guul-comfort-resolved] .guulMemberBtn.secondary{background:var(--guul-eye-surface-2)!important;color:var(--guul-eye-ink)!important}
html[data-guul-comfort-resolved="dark"] .guulMemberFree{background:#3a3321!important;border-color:#65582d!important;color:#e7d89b!important}


/* assets/calm-study-v1574.css */
/* GUULRAADRAAC v1574 — Calm Study UI
   Student-facing visual layer only. Keeps v1573 Eye Comfort, PDF, access, scoring and backend logic unchanged. */
:root{
  --calm-accent:#0f766e;
  --calm-accent-2:#159786;
  --calm-accent-soft:#e6f3ee;
  --calm-warm:#d99a28;
  --calm-violet:#7566a6;
  --calm-ink:#20302b;
  --calm-muted:#68756f;
  --calm-page:#f2f0e9;
  --calm-page-2:#f7f5ef;
  --calm-surface:#fbfaf6;
  --calm-surface-2:#f5f3ec;
  --calm-line:#d9ded8;
  --calm-shadow:0 8px 24px rgba(34,52,45,.075);
  --calm-shadow-soft:0 4px 14px rgba(34,52,45,.055);
  --calm-radius:18px;
}
html[data-guul-comfort-resolved="dark"]{
  --calm-accent:#6fd8c7;
  --calm-accent-2:#56c6b4;
  --calm-accent-soft:#213b35;
  --calm-warm:#e7b961;
  --calm-violet:#b9afe0;
  --calm-ink:#edf3ef;
  --calm-muted:#a9b7b0;
  --calm-page:#121917;
  --calm-page-2:#161f1c;
  --calm-surface:#1c2622;
  --calm-surface-2:#222e29;
  --calm-line:#34423c;
  --calm-shadow:0 8px 26px rgba(0,0,0,.22);
  --calm-shadow-soft:0 4px 15px rgba(0,0,0,.16);
}
html[data-guul-comfort-resolved] body,
html[data-guul-comfort-resolved] .appShell,
html[data-guul-comfort-resolved] .appShell>.content,
html[data-guul-comfort-resolved] .v2Home,
html[data-guul-comfort-resolved] .p2App,
html[data-guul-comfort-resolved] .p2Body{
  background:var(--calm-page)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .v2Home{
  background:linear-gradient(180deg,var(--calm-page-2) 0%,var(--calm-page) 56%,var(--calm-page-2) 100%)!important;
}

/* ===== HOME: calm identity ===== */
html[data-guul-comfort-resolved] .v2Hero{
  background:
    radial-gradient(circle at 88% 14%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(145deg,#183b35 0%,#205148 58%,#2a665b 100%)!important;
  box-shadow:0 10px 26px rgba(23,57,49,.14)!important;
}
html[data-guul-comfort-resolved] .v2Hero::before{opacity:.32!important}
html[data-guul-comfort-resolved] .v2Brand small,
html[data-guul-comfort-resolved] .v2Greeting p{color:rgba(242,249,246,.82)!important}
html[data-guul-comfort-resolved] .v2MenuGlyph,
html[data-guul-comfort-resolved] .v2Bell{color:#f5fbf8!important}
html[data-guul-comfort-resolved] .v2Bell,
html[data-guul-comfort-resolved] .guulEye1573Btn{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .v2Avatar{background:#f7f4eb!important;color:#1b5147!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}
html[data-guul-comfort-resolved] .v2Search{
  height:48px!important;
  background:rgba(249,248,243,.96)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(12,39,32,.11)!important;
}
html[data-guul-comfort-resolved] .v2Search>span,
html[data-guul-comfort-resolved] .v2Search button{color:#52746b!important}

html[data-guul-comfort-resolved] .v2Challenge{
  border:1px solid var(--calm-line)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 94% 0,rgba(15,118,110,.10),transparent 33%),
    linear-gradient(145deg,var(--calm-surface) 0%,var(--calm-surface-2) 100%)!important;
  box-shadow:var(--calm-shadow)!important;
}
html[data-guul-comfort-resolved] .v2Challenge::after{background:rgba(15,118,110,.055)!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy small{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy h2{color:var(--calm-ink)!important;letter-spacing:-.018em!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy p,
html[data-guul-comfort-resolved] .v2ChallengeCopy em{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2ChallengeBar{background:color-mix(in srgb,var(--calm-line) 75%,transparent)!important}
html[data-guul-comfort-resolved] .v2ChallengeBar i{background:linear-gradient(90deg,#0f766e,#35ad94)!important}
html[data-guul-comfort-resolved] .v2ChallengeRing{
  box-shadow:inset 0 0 0 9px var(--calm-surface)!important;
}
html[data-guul-comfort-resolved] .v2ChallengeRing b{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ChallengeRing span{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2ChallengeWin{
  background:var(--calm-accent-soft)!important;
  border-color:color-mix(in srgb,var(--calm-accent) 18%,var(--calm-line))!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .v2ChallengeWin small{color:var(--calm-accent)!important}

html[data-guul-comfort-resolved] .v2SectionHead h2{color:var(--calm-ink)!important;letter-spacing:-.015em}
html[data-guul-comfort-resolved] .v2SectionHead button{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ServiceGrid{gap:10px!important}
html[data-guul-comfort-resolved] .v2ServiceCard,
html[data-guul-comfort-resolved] .v2ServiceCard.books,
html[data-guul-comfort-resolved] .v2ServiceCard.exams,
html[data-guul-comfort-resolved] .v2ServiceCard.english,
html[data-guul-comfort-resolved] .v2ServiceCard.lessons,
html[data-guul-comfort-resolved] .v2ServiceCard.game,
html[data-guul-comfort-resolved] .v2ServiceCard.gov{
  position:relative!important;
  background:linear-gradient(160deg,var(--calm-surface),var(--calm-surface-2))!important;
  border:1px solid var(--calm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
html[data-guul-comfort-resolved] .v2ServiceCard::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 18px 18px;
  background:linear-gradient(90deg,var(--calm-accent),#62b8a8);opacity:.72;pointer-events:none
}
html[data-guul-comfort-resolved] .v2ServiceCard.game::after{background:linear-gradient(90deg,#c98b25,#e4b95d)}
html[data-guul-comfort-resolved] .v2ServiceCard.gov::after{background:linear-gradient(90deg,#6f6298,#9c90bc)}
html[data-guul-comfort-resolved] .v2ServiceCard:active{transform:scale(.985)!important}
html[data-guul-comfort-resolved] .v2ServiceIcon{
  background:var(--calm-accent-soft)!important;
  border:1px solid color-mix(in srgb,var(--calm-accent) 12%,var(--calm-line))!important;
  box-shadow:none!important;
}
html[data-guul-comfort-resolved] .v2ServiceCard.game .v2ServiceIcon{background:color-mix(in srgb,#d99a28 13%,var(--calm-surface))!important}
html[data-guul-comfort-resolved] .v2ServiceCard.gov .v2ServiceIcon{background:color-mix(in srgb,#7566a6 12%,var(--calm-surface))!important}
html[data-guul-comfort-resolved] .v2ServiceCopy b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .v2ServiceCopy small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2Chevron{color:var(--calm-accent)!important;font-size:19px!important}

html[data-guul-comfort-resolved] .v2Progress,
html[data-guul-comfort-resolved] .v2Leaderboard{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
}
html[data-guul-comfort-resolved] .v2SubjectStrip button,
html[data-guul-comfort-resolved] .v2SubjectCards button,
html[data-guul-comfort-resolved] .v2SubjectStrip button:nth-child(n){
  background:var(--calm-surface-2)!important;
  border:1px solid color-mix(in srgb,var(--calm-line) 82%,transparent)!important;
}
html[data-guul-comfort-resolved] .v2SubjectStrip b,
html[data-guul-comfort-resolved] .v2SubjectCards b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .v2SubjectStrip small,
html[data-guul-comfort-resolved] .v2SubjectCards small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2SubjectBar{background:color-mix(in srgb,var(--calm-line) 80%,transparent)!important}
html[data-guul-comfort-resolved] .v2SubjectBar i{background:linear-gradient(90deg,var(--calm-accent),#4ab39e)!important}
html[data-guul-comfort-resolved] .v2ProgressSummary{background:var(--calm-surface-2)!important}
html[data-guul-comfort-resolved] .v2ProgressSummary p{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}

/* Bottom navigation: calmer, larger and easier to scan. */
html[data-guul-comfort-resolved] .v2BottomNav{
  height:calc(68px + env(safe-area-inset-bottom))!important;
  padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
  background:color-mix(in srgb,var(--calm-surface) 94%,transparent)!important;
  border-color:var(--calm-line)!important;
  box-shadow:0 -8px 24px rgba(31,48,41,.065)!important;
}
html[data-guul-comfort-resolved] .v2BottomNav button{color:var(--calm-muted)!important;border-radius:13px!important;gap:3px!important}
html[data-guul-comfort-resolved] .v2BottomNav button>span{font-size:21px!important}
html[data-guul-comfort-resolved] .v2BottomNav small{font-size:9.5px!important;font-weight:800!important}
html[data-guul-comfort-resolved] .v2BottomNav button.active{
  color:var(--calm-accent)!important;
  background:var(--calm-accent-soft)!important;
}
html[data-guul-comfort-resolved] .v2BottomNav button.active>span{transform:none!important}

/* ===== PHASE 2: exams/books/lessons ===== */
html[data-guul-comfort-resolved] .p2App{--p2-purple:var(--calm-accent);--p2-blue:var(--calm-accent-2);--p2-ink:var(--calm-ink);--p2-muted:var(--calm-muted);--p2-line:var(--calm-line);--p2-bg:var(--calm-page)}
html[data-guul-comfort-resolved] .p2Head{
  background:
    radial-gradient(circle at 92% 7%,rgba(255,255,255,.09),transparent 30%),
    linear-gradient(135deg,#193b35 0%,#22564c 72%,#2e6e62 100%)!important;
  box-shadow:0 8px 24px rgba(24,57,50,.13)!important;
}
html[data-guul-comfort-resolved] .p2Head:after{background:rgba(255,255,255,.055)!important}
html[data-guul-comfort-resolved] .p2Back,
html[data-guul-comfort-resolved] .p2Close{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .p2HeadCopy small{color:#bfe3d9!important}
html[data-guul-comfort-resolved] .p2HeadCopy h2{color:#fff!important}
html[data-guul-comfort-resolved] .p2HeadCopy p{color:rgba(244,250,247,.82)!important}
html[data-guul-comfort-resolved] .p2Body{background:linear-gradient(180deg,var(--calm-page-2),var(--calm-page) 58%)!important}
html[data-guul-comfort-resolved] .p2HeroNote{
  background:linear-gradient(145deg,var(--calm-surface),var(--calm-accent-soft))!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
}
html[data-guul-comfort-resolved] .p2HeroNote b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .p2HeroNote p{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .p2Card,
html[data-guul-comfort-resolved] .p2Card.blue,
html[data-guul-comfort-resolved] .p2Card.pink,
html[data-guul-comfort-resolved] .p2Card.green,
html[data-guul-comfort-resolved] .p2Card.yellow,
html[data-guul-comfort-resolved] .p2Card.purple{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .p2Card::after{display:none!important}
html[data-guul-comfort-resolved] .p2Card img.iconImg,
html[data-guul-comfort-resolved] .p2Card .icon{background:var(--calm-surface-2)!important;box-shadow:none!important;border:1px solid var(--calm-line)!important}
html[data-guul-comfort-resolved] .p2Card b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .p2Card small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .p2Card em{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2Row,
html[data-guul-comfort-resolved] .p2Point,
html[data-guul-comfort-resolved] .p2Result,
html[data-guul-comfort-resolved] .p2Stat,
html[data-guul-comfort-resolved] .p2ScheduleSubject,
html[data-guul-comfort-resolved] .p2ProgressRow,
html[data-guul-comfort-resolved] .p2Answer{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .p2Row .num,
html[data-guul-comfort-resolved] .p2Point i,
html[data-guul-comfort-resolved] .p2Pill{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2DoneBtn,
html[data-guul-comfort-resolved] .p2Next{background:linear-gradient(90deg,#0f766e,#2a9885)!important;box-shadow:0 8px 18px rgba(15,118,110,.17)!important}
html[data-guul-comfort-resolved] .p2QuizProgress i,
html[data-guul-comfort-resolved] .p2Prog i{background:linear-gradient(90deg,#0f766e,#43af99)!important}
html[data-guul-comfort-resolved] .p2Score,
html[data-guul-comfort-resolved] .p2QuizTop strong,
html[data-guul-comfort-resolved] .p2ProgressRow strong{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2SubjectCardV85,
html[data-guul-comfort-resolved] .p2SubjectHeroV85{
  background:var(--calm-surface)!important;border-color:var(--calm-line)!important;box-shadow:var(--calm-shadow-soft)!important
}
html[data-guul-comfort-resolved] .p2SubjectCardV85:after{background:rgba(15,118,110,.045)!important}
html[data-guul-comfort-resolved] .p2SubjectCopyV85 small,
html[data-guul-comfort-resolved] .p2SubjectPctV85{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2SubjectPctV85{background:var(--calm-accent-soft)!important}
html[data-guul-comfort-resolved] .p2SubjectBarV85{background:var(--calm-line)!important}
html[data-guul-comfort-resolved] .p2SubjectBarV85 i{background:linear-gradient(90deg,#0f766e,#45ad98)!important}

/* ===== 1v1 BATTLE: stronger contrast, less purple wash ===== */
html[data-guul-comfort-resolved] .guulCompetitionModeChooser,
html[data-guul-comfort-resolved] .guulBattlePanel,
html[data-guul-comfort-resolved] .guulBattleWaiting,
html[data-guul-comfort-resolved] .guulBattleScoreboard article,
html[data-guul-comfort-resolved] .guulBattleRulesList article,
html[data-guul-comfort-resolved] .guulModeCard,
html[data-guul-comfort-resolved] .guulModeCard.battle{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .guulModeCard:before{background:rgba(15,118,110,.045)!important}
html[data-guul-comfort-resolved] .guulModeIcon,
html[data-guul-comfort-resolved] .guulBattleModalHead>span,
html[data-guul-comfort-resolved] .guulBattleSpinner{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulModeHeading>span,
html[data-guul-comfort-resolved] .guulModeCard em,
html[data-guul-comfort-resolved] .guulModeSwitch button,
html[data-guul-comfort-resolved] .guulBattleActionLabel,
html[data-guul-comfort-resolved] .guulBattleKicker{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulModeHeading h2,
html[data-guul-comfort-resolved] .guulModeCard strong,
html[data-guul-comfort-resolved] .guulBattlePanel h2,
html[data-guul-comfort-resolved] .guulBattleWaiting :is(h1,h2),
html[data-guul-comfort-resolved] .guulBattleArena h2{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .guulModeHeading p,
html[data-guul-comfort-resolved] .guulModeCard small,
html[data-guul-comfort-resolved] .guulBattlePanel>small,
html[data-guul-comfort-resolved] .guulBattleWaiting>p,
html[data-guul-comfort-resolved] .guulBattleSearching{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .guulModeBadge.live,
html[data-guul-comfort-resolved] .guulLiveDot{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important;border-color:color-mix(in srgb,var(--calm-accent) 18%,var(--calm-line))!important}
html[data-guul-comfort-resolved] .guulBattleIdentity,
html[data-guul-comfort-resolved] .guulBattleRulesIntro,
html[data-guul-comfort-resolved] .guulBattleSearching,
html[data-guul-comfort-resolved] .guulBattlePoolNote,
html[data-guul-comfort-resolved] .guulBattleHint{background:var(--calm-surface-2)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleIdentity strong{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .guulBattleIdentity button,
html[data-guul-comfort-resolved] .guulBattleResume{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattlePanelActions .primary,
html[data-guul-comfort-resolved] .guulBattlePanelActions button:not(.guulSecondary){background:linear-gradient(135deg,#0f766e,#299785)!important;color:#fff!important;box-shadow:0 8px 20px rgba(15,118,110,.16)!important}
html[data-guul-comfort-resolved] .guulBattlePanelActions .guulSecondary{background:var(--calm-surface-2)!important;color:var(--calm-ink)!important;border:1px solid var(--calm-line)!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .guulBattleField input,
html[data-guul-comfort-resolved] .guulBattleField select,
html[data-guul-comfort-resolved] .guulBattleCount button{background:var(--calm-surface)!important;color:var(--calm-ink)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleCount button.selected{background:var(--calm-accent-soft)!important;border-color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleCount b{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleVs{background:#243a34!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article small,
html[data-guul-comfort-resolved] .guulBattleScoreboard article strong{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article i{background:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article i em{background:var(--calm-accent)!important}

/* ===== Other student surfaces ===== */
html[data-guul-comfort-resolved] :is(.guulChapter,.guulBulletList li,.guulQaItem,.guulResult,.qaPdfCard,.englishStats span,.englishLessonCard,.englishLessonIntro,.guulLearnSection,.guulLessonCard){
  background:var(--calm-surface)!important;border-color:var(--calm-line)!important;color:var(--calm-ink)!important;box-shadow:var(--calm-shadow-soft)!important
}
html[data-guul-comfort-resolved] :is(.guulSummary,.englishTip,.guulStudyHero){background:var(--calm-surface-2)!important;border-color:var(--calm-line)!important;color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .englishHero{background:linear-gradient(135deg,#193b35,#23574d 62%,#2c695d)!important;box-shadow:0 12px 32px rgba(24,57,50,.15)!important}
html[data-guul-comfort-resolved] :is(.qaPdfCount,.englishNavIcon,.englishLessonTop>span,.englishLessonIntro>span,.guulQaItem summary:before,.guulLessonCard>span){background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}

/* Dark mode: explicit readable contrast on legacy nested labels. */
html[data-guul-comfort-resolved="dark"] :is(.v2ServiceCard,.v2Progress,.v2Leaderboard,.p2Card,.p2HeroNote,.p2Row,.p2Point,.p2Result,.p2Stat,.p2ScheduleSubject,.p2ProgressRow,.guulModeCard,.guulBattlePanel,.guulBattleWaiting,.guulBattleScoreboard article,.guulChapter,.qaPdfCard,.englishLessonCard,.guulLearnSection) :is(h1,h2,h3,h4,b,strong,em){color:var(--calm-ink)!important}
html[data-guul-comfort-resolved="dark"] :is(.v2ServiceCard,.v2Progress,.v2Leaderboard,.p2Card,.p2HeroNote,.p2Row,.p2Point,.p2Result,.p2Stat,.p2ScheduleSubject,.p2ProgressRow,.guulModeCard,.guulBattlePanel,.guulBattleWaiting,.guulBattleScoreboard article,.guulChapter,.qaPdfCard,.englishLessonCard,.guulLearnSection) :is(p,small,span){color:var(--calm-muted)}
html[data-guul-comfort-resolved="dark"] .v2ServiceCopy b,
html[data-guul-comfort-resolved="dark"] .p2Card b,
html[data-guul-comfort-resolved="dark"] .p2Card em,
html[data-guul-comfort-resolved="dark"] .guulModeCard em{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved="dark"] .p2Card em,
html[data-guul-comfort-resolved="dark"] .guulModeCard em{color:var(--calm-accent)!important}

/* Mobile-first refinements */
@media(max-width:620px){
  html[data-guul-comfort-resolved] .v2Hero{padding-bottom:17px!important}
  html[data-guul-comfort-resolved] .v2Greeting{margin-top:8px!important}
  html[data-guul-comfort-resolved] .v2HeroDecor{opacity:.48!important;transform:scale(.92);transform-origin:right center}
  html[data-guul-comfort-resolved] .v2Challenge{padding:14px!important}
  html[data-guul-comfort-resolved] .v2ServiceCard{min-height:126px!important;padding:12px 11px!important}
  html[data-guul-comfort-resolved] .p2Head{padding:13px 12px!important;gap:9px!important}
  html[data-guul-comfort-resolved] .p2Back,
  html[data-guul-comfort-resolved] .p2Close{width:38px!important;height:38px!important;border-radius:12px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy h2{font-size:19px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy small{font-size:8.5px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy p{font-size:10.5px!important}
  html[data-guul-comfort-resolved] .p2Body{padding:14px!important}
  html[data-guul-comfort-resolved] .p2HeroNote{padding:15px 16px!important;border-radius:18px!important}
  html[data-guul-comfort-resolved] .p2Card{padding:13px!important;border-radius:16px!important}
  html[data-guul-comfort-resolved] .p2Card img.iconImg{width:54px!important;height:54px!important;border-radius:15px!important}
  html[data-guul-comfort-resolved] .p2Card b{font-size:14px!important}
  html[data-guul-comfort-resolved] .p2Card small{font-size:10.5px!important}
  html[data-guul-comfort-resolved] .guulBattlePanel{padding:16px!important;border-radius:18px!important}
}
@media(max-width:360px){
  html[data-guul-comfort-resolved] .v2ServiceGrid{gap:8px!important}
  html[data-guul-comfort-resolved] .v2ServiceCard{min-height:118px!important}
  html[data-guul-comfort-resolved] .v2BottomNav small{font-size:8.6px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-guul-comfort-resolved] .v2ServiceCard,
  html[data-guul-comfort-resolved] .p2Card,
  html[data-guul-comfort-resolved] .guulModeCard{transition:none!important;animation:none!important}
}