/* 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}