/*
 * light-theme.css - AUTO-GENERATED + hand-tuned layer. Applies only when <html data-theme="light">.
 * Dark mode CSS is untouched. Regenerate with: node _light-tools/build-light.cjs
 * Palette: surfaces white / text near-black / secondary = purple / tertiary = logo navy
 */

/* ===== generated twins of dark-only declarations ===== */
/* --- source 0: inline@151 --- */
:where(html[data-theme="light"]) .gate-field input:focus-visible,
:where(html[data-theme="light"]) .coach-inp:focus-visible,
:where(html[data-theme="light"]) .coach-answer:focus-visible,
:where(html[data-theme="light"]) .modal-body input:focus-visible,
:where(html[data-theme="light"]) .modal-body textarea:focus-visible {
  border-color: rgba(109,40,217,0.45);
}
:where(html[data-theme="light"]) body:has(#gate.on) {
  background: #f3f4f8;
}
:where(html[data-theme="light"]) .gate.on {
  background: radial-gradient(ellipse 80% 60% at 16% 0%, rgba(26,56,93,0.16), transparent 55%),
        radial-gradient(ellipse 60% 50% at 88% 100%, rgba(109,40,217,0.12), transparent 50%),
        linear-gradient(165deg, #f3f4f8 0%, #ffffff 45%, #f3f4f8 100%);
}
:where(html[data-theme="light"]) .gate.on::before {
  background-image: linear-gradient(rgba(18,22,40,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18,22,40,0.05) 1px, transparent 1px);
}
:where(html[data-theme="light"]) .gate-feat-icon {
  background: rgba(18,22,40,0.09);
}
:where(html[data-theme="light"]) .gate-shot {
  border: 1px solid rgba(18,22,40,0.19);
  background: #f3f4f8;
  box-shadow: 0 20px 44px rgba(30,35,70,0.17);
}
:where(html[data-theme="light"]) .gate-shot-b {
  box-shadow: 0 24px 52px rgba(30,35,70,0.2),
        0 0 0 1px rgba(109,40,217,0.14);
}
:where(html[data-theme="light"]) .gate-inner {
  background: rgba(248,248,252,0.88);
  border: 1px solid rgba(18,22,40,0.13);
  box-shadow: 0 24px 64px rgba(30,35,70,0.17), 0 0 0 1px rgba(18,22,40,0.02) inset;
}
:where(html[data-theme="light"]) .gate-field input {
  background: #ffffff;
}
:where(html[data-theme="light"]) .gate-field input:focus {
  border-color: rgba(26,56,93,0.45);
}
:where(html[data-theme="light"]) .gate-row button:hover {
  color: #1a385d;
}
:where(html[data-theme="light"]) .btn-green {
  background: linear-gradient(145deg, #6d28d9, #5b21b6);
}
:where(html[data-theme="light"]) .ss-nav-new-badge {
  background: linear-gradient(135deg, #1a385d 0%, #1a385d 100%);
}
:where(html[data-theme="light"]) .ss-nav-pro-pill {
  background: linear-gradient(135deg, #1a385d 0%, #1a385d 100%);
  box-shadow: 0 2px 8px rgba(26,56,93,0.35);
}
:where(html[data-theme="light"]) .side-link.side-exam {
  border: 1px solid rgba(26,56,93,0.22);
  background: linear-gradient(120deg, rgba(26,56,93,0.08), transparent 70%);
}
:where(html[data-theme="light"]) .side-link.side-exam:hover,
:where(html[data-theme="light"]) .side-link.side-exam.on {
  border-color: rgba(26,56,93,0.4);
  background: linear-gradient(120deg, rgba(26,56,93,0.14), rgba(109,40,217,0.04));
}
:where(html[data-theme="light"]) .side-quota-track {
  background: rgba(18,22,40,0.09);
}
:where(html[data-theme="light"]) .side-avatar {
  border: 1px solid rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .levelup-ov {
  background: rgba(18,22,40,0.32);
}
:where(html[data-theme="light"]) .levelup-ring {
  border: 1px solid rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .lang-menu {
  box-shadow: 0 10px 32px rgba(30,35,70,0.15);
}
:where(html[data-theme="light"]) .hero-icon {
  border: 1px solid rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .artifact:hover {
  border-color: rgba(124,58,237,0.22);
  box-shadow: 0 10px 36px rgba(30,35,70,0.11);
}
:where(html[data-theme="light"]) .artifact-mini {
  box-shadow: 0 6px 20px rgba(30,35,70,0.13);
}
:where(html[data-theme="light"]) .artifact-mini.front {
  border-color: rgba(124,58,237,0.38);
}
:where(html[data-theme="light"]) .artifact-count {
  background: rgba(18,22,40,0.32);
}
:where(html[data-theme="light"]) .ss-device-note {
  color: #b45309;
}
:where(html[data-theme="light"]) .dock-box:focus-within {
  border-color: rgba(109,40,217,0.45);
}
:where(html[data-theme="light"]) .dock-attach-chip {
  background: #eef0f6;
  border: 1px solid rgba(18,22,40,0.15);
  color: #3f4558;
}
:where(html[data-theme="light"]) .dock-attach-chip button {
  color: #3f4558;
}
:where(html[data-theme="light"]) .fmenu {
  box-shadow: 0 10px 32px rgba(30,35,70,0.15);
}
:where(html[data-theme="light"]) .lib-row:hover,
:where(html[data-theme="light"]) .pick-row-inline:hover {
  border-color: rgba(109,40,217,0.18);
}
:where(html[data-theme="light"]) .lib-del:hover {
  color: #dc2626;
}
:where(html[data-theme="light"]) .lib-empty-icon {
  background: rgba(18,22,40,0.06);
}
:where(html[data-theme="light"]) .game-tile {
  background: radial-gradient(circle at 92% 88%, rgba(109,40,217,0.12), transparent 18%),
        linear-gradient(180deg, rgba(18,22,40,0.04) 0%, transparent 40%),
        var(--panel);
}
:where(html[data-theme="light"]) .game-tile:hover {
  border-color: rgba(109,40,217,0.22);
  background: radial-gradient(circle at 92% 88%, rgba(109,40,217,0.16), transparent 18%),
        linear-gradient(180deg, rgba(18,22,40,0.04) 0%, transparent 40%),
        var(--panel-hover);
}
:where(html[data-theme="light"]) .game-tile.is-pro {
  border-color: rgba(26,56,93,0.18);
  background: linear-gradient(180deg, rgba(26,56,93,0.07) 0%, transparent 42%), var(--panel);
}
:where(html[data-theme="light"]) .game-tile.is-pro:hover {
  border-color: rgba(26,56,93,0.34);
  background: linear-gradient(180deg, rgba(26,56,93,0.1) 0%, transparent 42%), var(--panel-hover);
  box-shadow: 0 10px 30px rgba(26,56,93,0.12);
}
:where(html[data-theme="light"]) .game-tile-icon {
  background: rgba(18,22,40,0.06);
}
:where(html[data-theme="light"]) .game-tile.is-pro .game-tile-icon {
  background: rgba(26,56,93,0.08);
  border-color: rgba(26,56,93,0.18);
}
:where(html[data-theme="light"]) .hub-hero {
  background: linear-gradient(180deg, rgba(18,22,40,0.05) 0%, transparent 50%), var(--panel);
}
:where(html[data-theme="light"]) .hub-hero.premium {
  border-color: rgba(26,56,93,0.3);
  background: linear-gradient(180deg, rgba(26,56,93,0.08) 0%, transparent 50%), var(--panel);
}
:where(html[data-theme="light"]) .hub-card:hover {
  border-color: rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .hub-card-icon {
  background: rgba(18,22,40,0.06);
}
:where(html[data-theme="light"]) .hub-card-tag {
  background: rgba(18,22,40,0.06);
}
:where(html[data-theme="light"]) .pick-row:hover {
  border-color: rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .home-hero {
  border: 1px solid rgba(109,40,217,0.32);
  background: radial-gradient(140px 90px at 0% 0%, rgba(109,40,217,0.28), transparent 62%),
        radial-gradient(160px 110px at 100% 120%, rgba(124,58,237,0.14), transparent 58%),
        linear-gradient(135deg, rgba(109,40,217,0.12) 0%, var(--panel) 58%);
  box-shadow: 0 0 0 1px rgba(109,40,217,0.08), var(--shadow-sm);
}
:where(html[data-theme="light"]) .home-hero::after {
  background: radial-gradient(circle, rgba(109,40,217,0.22), transparent 70%);
}
:where(html[data-theme="light"]) .home-continue:hover {
  border-color: rgba(109,40,217,0.22);
}
:where(html[data-theme="light"]) .home-continue-icon {
  border: 1px solid rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .level-card::after {
  background: radial-gradient(circle, rgba(109,40,217,0.1), transparent 70%);
}
:where(html[data-theme="light"]) .level-card:hover {
  border-color: rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .level-card.is-on {
  border-color: rgba(109,40,217,0.38);
  box-shadow: 0 0 0 1px rgba(109,40,217,0.12);
}
:where(html[data-theme="light"]) .level-card-icon {
  background: rgba(18,22,40,0.06);
}
:where(html[data-theme="light"]) .jump-tile:hover {
  border-color: rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .jump-tile--exam {
  border-color: rgba(26,56,93,0.28);
  background: linear-gradient(145deg, rgba(26,56,93,0.1), transparent 60%);
}
:where(html[data-theme="light"]) .jump-tile--exam:hover {
  border-color: rgba(26,56,93,0.45);
  box-shadow: 0 8px 24px rgba(26,56,93,0.12);
}
:where(html[data-theme="light"]) .lesson-prose .btn-primary {
  color: #ffffff;
}
:where(html[data-theme="light"]) .plan-card.feat {
  border-color: rgba(26,56,93,0.22);
  background: linear-gradient(180deg, rgba(26,56,93,0.06) 0%, transparent 50%), var(--panel);
}
:where(html[data-theme="light"]) .ss-gen-loader {
  background: linear-gradient(165deg, rgba(109,40,217,0.08) 0%, var(--panel) 55%, rgba(109,40,217,0.05) 100%);
  border: 1px solid rgba(109,40,217,0.18);
  box-shadow: 0 8px 32px rgba(30,35,70,0.07);
}
:where(html[data-theme="light"]) .ss-gen-loader::before {
  background: radial-gradient(ellipse 70% 55% at 50% -5%, rgba(26,56,93,0.12), transparent 68%);
}
:where(html[data-theme="light"]) .ss-gen-orbit-track {
  border: 2px solid rgba(26,56,93,0.25);
}
:where(html[data-theme="light"]) .ss-gen-orbit-dot {
  box-shadow: 0 0 8px rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-gen-orbit-core {
  background: radial-gradient(circle, rgba(26,56,93,0.15) 0%, transparent 70%);
}
:where(html[data-theme="light"]) .coach-hero {
  background: linear-gradient(180deg, rgba(18,22,40,0.05) 0%, transparent 50%), var(--panel);
}
:where(html[data-theme="light"]) .coach-score-ring {
  box-shadow: 0 8px 24px rgba(109,40,217,0.2);
}
:where(html[data-theme="light"]) .custom-topic-bar .btn-sm {
  color: #ffffff;
}
:where(html[data-theme="light"]) .setting-btn.danger-text {
  color: #dc2626;
}
:where(html[data-theme="light"]) .setting-btn.danger-text:hover {
  color: #b91c1c;
}
:where(html[data-theme="light"]) .ss-billing-badge.is-warn {
  color: #b45309;
}
:where(html[data-theme="light"]) .ss-stripe-embed-sheet {
  box-shadow: 0 20px 60px rgba(30,35,70,0.15);
}
:where(html[data-theme="light"]) .overlay {
  background: rgba(18,22,40,0.5);
}
:where(html[data-theme="light"]) #confirm-error {
  color: #dc2626;
}
:where(html[data-theme="light"]) .flash-stage::before,
:where(html[data-theme="light"]) .flash-stage::after {
  background: #eef0f6;
}
:where(html[data-theme="light"]) .flash-face-front {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(109,40,217,0.16), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  box-shadow: 0 18px 40px rgba(30,35,70,0.12);
}
:where(html[data-theme="light"]) .flash-face-back {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(109,40,217,0.28), transparent 55%),
        linear-gradient(180deg, #f5f3ff 0%, #ffffff 70%);
  border-color: rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .flash-badge {
  color: #5b21b6;
  background: rgba(109,40,217,0.14);
}
:where(html[data-theme="light"]) .backdrop {
  background: rgba(18,22,40,0.31);
}
@media (max-width: 900px) {
:where(html[data-theme="light"]) .side {
  box-shadow: 8px 0 40px rgba(30,35,70,0.14);
}
}
:where(html[data-theme="light"]) .ss-exam-hub-hero {
  border: 1px solid rgba(26,56,93,0.28);
  background: radial-gradient(700px 180px at 0% 0%, rgba(26,56,93,0.16), transparent 55%),
        linear-gradient(160deg, rgba(109,40,217,0.06), var(--panel));
}
:where(html[data-theme="light"]) .ss-exam-card:hover,
:where(html[data-theme="light"]) .ss-exam-card:active {
  border-color: rgba(26,56,93,0.4);
  box-shadow: 0 10px 24px rgba(30,35,70,0.09);
}
:where(html[data-theme="light"]) .ss-exam-card--primary {
  border-color: rgba(26,56,93,0.4);
  background: linear-gradient(160deg, rgba(26,56,93,0.14), rgba(109,40,217,0.05) 50%, var(--panel));
}
:where(html[data-theme="light"]) .ss-exam-card-icon {
  background: rgba(26,56,93,0.12);
}
:where(html[data-theme="light"]) .ss-exam-card-pro {
  background: linear-gradient(135deg, #1a385d, #1a385d);
}
:where(html[data-theme="light"]) .ss-exam-card-pro--owned {
  background: rgba(109,40,217,0.14) !important;
  color: #5b21b6 !important;
  border: 1px solid rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-exam-card:not(.ss-exam-card--primary) .ss-exam-card-pro {
  background: rgba(18,22,40,0.09);
}
:where(html[data-theme="light"]) .ss-nc-steps li {
  background: rgba(18,22,40,0.05);
}
:where(html[data-theme="light"]) .ss-nc-steps b {
  background: rgba(109,40,217,0.15);
}
:where(html[data-theme="light"]) .ss-nc-drop {
  border: 1.5px dashed rgba(26,56,93,0.4);
  background: rgba(26,56,93,0.06);
}
:where(html[data-theme="light"]) .ss-nc-drop:hover,
:where(html[data-theme="light"]) .ss-nc-drop:active {
  border-color: rgba(26,56,93,0.65);
  background: rgba(26,56,93,0.1);
}
:where(html[data-theme="light"]) .ss-nc-drop-ico {
  background: rgba(26,56,93,0.14);
}
:where(html[data-theme="light"]) .ss-nc-review-item {
  background: rgba(18,22,40,0.05);
}
:where(html[data-theme="light"]) .ss-nc-review-ideal {
  background: rgba(109,40,217,0.1);
  border: 1px solid rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .ss-diary-fab {
  border: 1px solid rgba(91,33,182,0.55);
  background: radial-gradient(circle at 32% 28%, #7c3aed 0%, #6d28d9 42%, #5b21b6 100%);
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(76,29,149,0.4), 0 2px 8px rgba(30,35,70,0.09);
}
:where(html[data-theme="light"]) .ss-diary-fab:hover,
:where(html[data-theme="light"]) .ss-diary-fab:active {
  box-shadow: 0 12px 28px rgba(76,29,149,0.45), 0 2px 8px rgba(30,35,70,0.1);
}
:where(html[data-theme="light"]) .ss-diary-fab.is-open {
  background: radial-gradient(circle at 32% 28%, #6d28d9 0%, #5b21b6 50%, #4c1d95 100%);
  border-color: rgba(76,29,149,0.7);
}
:where(html[data-theme="light"]) .ss-diary-backdrop {
  background: rgba(18,22,40,0.34);
}
:where(html[data-theme="light"]) .ss-diary-panel {
  box-shadow: 0 18px 40px rgba(30,35,70,0.15);
}
:where(html[data-theme="light"]) .ss-diary-yest {
  background: rgba(109,40,217,0.08);
  border: 1px solid rgba(109,40,217,0.18);
}
:where(html[data-theme="light"]) .ss-diary-ta:focus {
  border-color: rgba(109,40,217,0.55);
  box-shadow: 0 0 0 3px rgba(109,40,217,0.15);
}
@media (max-width: 900px) {
:where(html[data-theme="light"]) .ss-diary-panel {
  box-shadow: 0 22px 50px rgba(30,35,70,0.19);
}
}
/* --- source 1: inline@2673 id="ss-live-host-css" --- */
/* --- source 2: index.css --- */
:where(html[data-theme="light"]) .ss-coach-hero {
  background: linear-gradient(180deg, rgba(18,22,40,0.05) 0%, transparent 50%), var(--panel, #111113);
}
:where(html[data-theme="light"]) .ss-device-note {
  color: #b45309;
}
:where(html[data-theme="light"]) .ss-premium-flow-overlay {
  background: #f3f4f8;
}
:where(html[data-theme="light"]) .ss-premium-flow-box {
  background: radial-gradient(120% 70% at 50% -20%, rgba(26,56,93,0.22), transparent 55%),
    #f3f4f8;
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-premium-flow-close {
  border: 1px solid rgba(18,22,40,0.15);
  background: rgba(248,248,252,0.9);
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-premium-flow-close:hover {
  color: #12141c;
  border-color: rgba(26,56,93,0.45);
}
:where(html[data-theme="light"]) .ss-premium-flow-foot,
:where(html[data-theme="light"]) .ss-pw-foot {
  border-top: 1px solid rgba(18,22,40,0.13);
  background: rgba(248,248,252,0.92);
}
:where(html[data-theme="light"]) .ss-pw-brand {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-pw-title {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-pw-sub {
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-pw-tip {
  color: #1a385d;
  background: rgba(26,56,93,0.14);
  border: 1px solid rgba(26,56,93,0.22);
}
:where(html[data-theme="light"]) .ss-pw-card {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.13);
}
:where(html[data-theme="light"]) .ss-pw-card--pro {
  background: linear-gradient(180deg, rgba(26,56,93,0.22) 0%, #ffffff 42%);
  border-color: rgba(26,56,93,0.38);
  box-shadow: 0 0 0 1px rgba(26,56,93,0.12), 0 20px 48px rgba(30,35,70,0.12);
}
:where(html[data-theme="light"]) .ss-pw-plan {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-pw-owned {
  background: rgba(109,40,217,0.14);
  color: #5b21b6;
  border: 1px solid rgba(109,40,217,0.32);
}
:where(html[data-theme="light"]) .ss-pw-current {
  background: rgba(18,22,40,0.09);
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-pw-price span {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-pw-card--pro .ss-pw-price span {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-pw-price small {
  color: #5c6478;
}
:where(html[data-theme="light"]) .ss-pw-list li {
  color: #2a2e3b;
}
:where(html[data-theme="light"]) .ss-pw-check {
  color: #5c6478;
}
:where(html[data-theme="light"]) .ss-pw-card--pro .ss-pw-check {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-pw-cta {
  background: #1a385d;
  box-shadow: 0 1px 0 rgba(18,22,40,0.06) inset, 0 10px 24px rgba(26,56,93,0.28);
}
:where(html[data-theme="light"]) .ss-pw-cta:hover {
  background: #1a385d;
}
:where(html[data-theme="light"]) .ss-pw-cta--ghost {
  color: #1a385d;
  border: 1px solid rgba(26,56,93,0.32);
}
:where(html[data-theme="light"]) .ss-pw-cta--ghost:hover {
  background: rgba(26,56,93,0.12);
}
:where(html[data-theme="light"]) .ss-plan-card.is-current {
  border-color: rgba(18,22,40,0.19);
}
:where(html[data-theme="light"]) .ss-plan-card--pro {
  border-color: rgba(18,22,40,0.16);
}
:where(html[data-theme="light"]) .ss-plan-ico--pro {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-plan-badge {
  background: rgba(18,22,40,0.11);
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-plan-badge--owned,
:where(html[data-theme="light"]) .ss-owned-tag {
  background: rgba(109,40,217,0.14);
  color: #5b21b6;
  border: 1px solid rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-pro-badge--owned {
  background: rgba(109,40,217,0.14) !important;
  color: #5b21b6 !important;
  border-color: rgba(109,40,217,0.35) !important;
}
:where(html[data-theme="light"]) .side-link.side-premium.is-premium-active .ss-owned-tag--nav {
  background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%);
}
:where(html[data-theme="light"]) .ss-plan-btn--current,
:where(html[data-theme="light"]) .ss-plan-btn--muted {
  background: #e6e8f2;
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-plan-btn--upgrade {
  background: #12141c;
  color: #ffffff;
}
:where(html[data-theme="light"]) .ss-plan-check {
  color: #15803d;
}
:where(html[data-theme="light"]) .ss-plans-stripe {
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-plans-stripe:hover {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-lesson-game-btn .ss-game-status-badge--owned,
:where(html[data-theme="light"]) .ss-lesson-game-btn .ss-pro-badge--active,
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-game-status-badge--owned,
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-owned-tag {
  background: rgba(109,40,217,0.14);
  color: #5b21b6;
  border: 1px solid rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-lesson-games-menu {
  border: 1px solid rgba(109,40,217,0.22);
  background: rgba(109,40,217,0.06);
}
:where(html[data-theme="light"]) .ss-lesson-game-pick:hover {
  border-color: rgba(109,40,217,0.4);
  background: rgba(109,40,217,0.1);
}
:where(html[data-theme="light"]) .ss-topic-btn--save {
  border: 1px dashed rgba(18,22,40,0.27);
}
:where(html[data-theme="light"]) .ss-topic-btn--save:hover {
  border-color: rgba(109,40,217,0.45);
  background: rgba(109,40,217,0.08);
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-topic-btn--games {
  border: 1px solid rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .ss-topic-btn--games:hover,
:where(html[data-theme="light"]) .ss-topic-btn--games.is-open {
  border-color: rgba(109,40,217,0.55);
  background: rgba(109,40,217,0.12);
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-grade-pick-card:hover,
:where(html[data-theme="light"]) .ss-subject-card:hover,
:where(html[data-theme="light"]) .ss-topic-card:hover {
  border-color: rgba(109,40,217,0.28) !important;
}
:where(html[data-theme="light"]) .ss-grade-pick-card.active,
:where(html[data-theme="light"]) .ss-subject-card.active,
:where(html[data-theme="light"]) .ss-topic-card.active {
  border-color: rgba(109,40,217,0.38) !important;
  box-shadow: 0 0 0 1px rgba(109,40,217,0.12) !important;
}
:where(html[data-theme="light"]) #screen-login.active {
  background: radial-gradient(ellipse 80% 60% at 16% 0%, rgba(26,56,93,0.18), transparent 55%),
        radial-gradient(ellipse 60% 50% at 88% 100%, rgba(109,40,217,0.13), transparent 50%),
        linear-gradient(180deg, oklch(98.5% 0.006 265) 0%, oklch(97.8% 0.004 155) 100%);
}
:where(html[data-theme="light"]) .ss-nav-icon--logout {
  background: linear-gradient(145deg, #e6e8f2 0%, #dde0ec 100%);
  color: #334155;
}
:where(html[data-theme="light"]) .ss-v2-logout-btn:hover {
  color: #475569;
}
:where(html[data-theme="light"]) .ss-v2-logout-btn:hover .ss-nav-icon--logout {
  background: linear-gradient(145deg, #dbe1ec 0%, #c9d2e0 100%);
  color: #1e293b;
}
:where(html[data-theme="light"]) .ss-nav-new-badge {
  background: linear-gradient(135deg, #1a385d 0%, #1a385d 100%);
}
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-game-status-badge,
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-owned-tag {
  background: rgba(109,40,217,0.14);
  color: #5b21b6;
  border: 1px solid rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-game-status-badge--owned {
  background: rgba(109,40,217,0.14);
  color: #5b21b6;
  border: 1px solid rgba(109,40,217,0.35);
}
:where(html[data-theme="light"]) .ss-lesson-game-pick .ss-game-status-badge--locked {
  background: rgba(26,56,93,0.14);
  color: #1a385d;
  border: 1px solid rgba(26,56,93,0.35);
}
:where(html[data-theme="light"]) .ss-play-card {
  --play-accent: #6d28d9;
}
:where(html[data-theme="light"]) .ss-material-ocr-scan-orbit span {
  border-top-color: #7c3aed;
}
:where(html[data-theme="light"]) .ss-material-ocr-scan-orbit span:nth-child(2) {
  border-top-color: #6d28d9;
}
:where(html[data-theme="light"]) .ss-material-ocr-scan-orbit span:nth-child(3) {
  border-top-color: #c4b5fd;
}
:where(html[data-theme="light"]) .ss-material-card-icon {
  background: rgba(109,40,217,0.12);
  color: #5b21b6;
}
:where(html[data-theme="light"]) .surv-title {
  background: linear-gradient(90deg, #f97316, #fb7185);
}
:where(html[data-theme="light"]) .surv-streak-val.surv-streak--hot {
  color: #ea580c;
}
:where(html[data-theme="light"]) .surv-progress-fill {
  background: linear-gradient(90deg, #f97316, #1a385d);
}
:where(html[data-theme="light"]) .surv-over-badge {
  color: #ea580c;
}
:where(html[data-theme="light"]) .surv-over-again {
  background: linear-gradient(135deg, #f97316, #ea580c);
}
:where(html[data-theme="light"]) .guest-signin-inp {
  border: 1px solid rgba(18,22,40,0.15);
  background: #eef0f6;
  color: #12141c;
  color-scheme: light;
}
:where(html[data-theme="light"]) .guest-signin-inp::placeholder {
  color: #5c6478;
}
:where(html[data-theme="light"]) .guest-signin-inp:focus {
  border-color: rgba(18,22,40,0.25);
  background: #eef0f6;
  box-shadow: 0 0 0 3px rgba(18,22,40,0.03);
}
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill,
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill:hover,
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill:focus {
  -webkit-text-fill-color: #12141c;
  caret-color: #12141c;
  box-shadow: 0 0 0 1000px #eef0f6 inset;
}
:where(html[data-theme="light"]) .ss-listen-orbit span {
  border-top-color: #7c3aed;
}
:where(html[data-theme="light"]) .ss-listen-orbit span:nth-child(2) {
  border-top-color: #6d28d9;
}
:where(html[data-theme="light"]) .ss-listen-orbit span:nth-child(3) {
  border-top-color: #c4b5fd;
}
:where(html[data-theme="light"]) .ss-listen-scan-orbit span {
  border-top-color: #7c3aed;
}
:where(html[data-theme="light"]) .ss-listen-scan-orbit span:nth-child(2) {
  border-top-color: #6d28d9;
}
:where(html[data-theme="light"]) .ss-listen-scan-orbit span:nth-child(3) {
  border-top-color: #c4b5fd;
}
:where(html[data-theme="light"]) .ss-play-tile {
  --play-accent: #6d28d9;
}
html:where([data-theme="light"])[data-dark="true"] .ss-v2-logout-btn:hover {
  color: #475569 !important;
}
html:where([data-theme="light"])[data-dark="true"] .ss-v2-sidebar .ss-nav-icon--logout,
html:where([data-theme="light"])[data-dark="true"] .ss-v2-sidebar-footer .ss-nav-icon--logout {
  background: linear-gradient(145deg, #dbe1ec 0%, #eef1f7 100%) !important;
  color: #64748b !important;
  box-shadow: 0 2px 8px rgba(18,22,40,0.35) !important;
}
html:where([data-theme="light"])[data-dark="true"] .ss-v2-sidebar .ss-v2-logout-btn:hover .ss-nav-icon--logout,
html:where([data-theme="light"])[data-dark="true"] .ss-v2-sidebar-footer .ss-v2-logout-btn:hover .ss-nav-icon--logout {
  background: linear-gradient(145deg, #dbe1ec 0%, #eef1f7 100%) !important;
  color: #475569 !important;
  box-shadow: 0 2px 12px rgba(18,22,40,0.45) !important;
}
:where(html[data-theme="light"]) #screen-login.active {
  background: radial-gradient(ellipse 80% 60% at 16% 0%, rgba(26,56,93,0.3) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 88% 100%, rgba(109,40,217,0.22) 0%, transparent 50%),
    linear-gradient(165deg, #f3f4f8 0%, #ffffff 45%, #f3f4f8 100%) !important;
}
:where(html[data-theme="light"]) #screen-login.active::before {
  background-image: linear-gradient(rgba(18,22,40,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18,22,40,0.05) 1px, transparent 1px);
}
html[data-theme="light"] #screen-login.active {
  background: radial-gradient(ellipse 80% 60% at 16% 0%, rgba(26,56,93,0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 88% 100%, rgba(109,40,217,0.12), transparent 50%),
    linear-gradient(165deg, #12141c 0%, #12141c 45%, #f5f3ff 100%) !important;
}
html[data-theme="light"] #screen-login.active::before {
  background-image: linear-gradient(rgba(18,22,40,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18,22,40,0.03) 1px, transparent 1px);
}
:where(html[data-theme="light"]) .ss-login-feat-icon {
  background: rgba(26,56,93,0.12);
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-login-brand-foot {
  color: #5c6478;
}
:where(html[data-theme="light"]) .ss-login-inner {
  border: 1px solid rgba(18,22,40,0.11);
  box-shadow: 0 4px 20px rgba(30,35,70,0.1);
}
html[data-theme="light"] .ss-login-inner {
  border-color: rgba(18,22,40,0.08);
  box-shadow: 0 4px 20px rgba(30,35,70,0.03);
}
:where(html[data-theme="light"]) .ss-login-screen .ss-forgot-link {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-login-screen .ss-btn-primary {
  background: #6d28d9;
}
:where(html[data-theme="light"]) .ss-login-screen .ss-input-wrap {
  background: #eef0f6;
  border: 1px solid rgba(18,22,40,0.15);
}
:where(html[data-theme="light"]) .ss-forgot-overlay {
  background: rgba(18,22,40,0.5);
}
:where(html[data-theme="light"]) .forgot-card {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.15);
}
:where(html[data-theme="light"]) .forgot-card .btn-primary {
  background: #6d28d9;
}
:where(html[data-theme="light"]) .forgot-card .btn-outline {
  border: 1px solid rgba(18,22,40,0.15);
}
:where(html[data-theme="light"]) .ss-modal-overlay {
  background: rgba(18,22,40,0.5);
}
:where(html[data-theme="light"]) .ss-modal-box {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.15);
}
:where(html[data-theme="light"]) .ss-login-actions .ss-btn-primary {
  background: #6d28d9;
}
:where(html[data-theme="light"]) .ss-exam-hub-hero {
  border: 1px solid rgba(26,56,93,0.28);
  background: radial-gradient(900px 220px at 0% 0%, rgba(26,56,93,0.16), transparent 55%),
    linear-gradient(160deg, rgba(109,40,217,0.06), var(--surface, #111113));
}
:where(html[data-theme="light"]) .ss-exam-hub-eyebrow {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-exam-card:hover {
  border-color: rgba(26,56,93,0.4);
  box-shadow: 0 12px 28px rgba(26,56,93,0.12);
}
:where(html[data-theme="light"]) .ss-exam-card--primary {
  border-color: rgba(26,56,93,0.4);
  background: linear-gradient(160deg, rgba(26,56,93,0.14), rgba(109,40,217,0.05) 50%),
    var(--surface, #111113);
  box-shadow: 0 8px 22px rgba(26,56,93,0.1);
}
:where(html[data-theme="light"]) .ss-exam-card-icon {
  background: rgba(26,56,93,0.14);
  color: #1a385d;
  box-shadow: 0 2px 10px rgba(26,56,93,0.14);
}
:where(html[data-theme="light"]) .ss-exam-card-cta {
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-exam-card-pro {
  background: linear-gradient(135deg, #1a385d, #1a385d);
}
:where(html[data-theme="light"]) .ss-nc-kicker {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-nc-steps li {
  background: rgba(18,22,40,0.05);
}
:where(html[data-theme="light"]) .ss-nc-steps b {
  background: rgba(109,40,217,0.15);
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-nc-drop {
  border: 1.5px dashed rgba(26,56,93,0.4);
  background: rgba(26,56,93,0.06);
}
:where(html[data-theme="light"]) .ss-nc-drop:hover,
:where(html[data-theme="light"]) .ss-nc-drop:active {
  border-color: rgba(26,56,93,0.65);
  background: rgba(26,56,93,0.1);
}
:where(html[data-theme="light"]) .ss-nc-drop-ico {
  background: rgba(26,56,93,0.14);
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-nc-file-name.is-ready {
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-nc-review-c {
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-nc-review-ideal {
  background: rgba(109,40,217,0.1);
  border: 1px solid rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .ss-nc-review-ideal > span {
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-diary-fab {
  border: 1px solid rgba(91,33,182,0.55);
  background: radial-gradient(circle at 32% 28%, #7c3aed 0%, #6d28d9 42%, #5b21b6 100%);
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(76,29,149,0.4), 0 2px 8px rgba(30,35,70,0.09);
}
:where(html[data-theme="light"]) .ss-diary-fab:hover {
  box-shadow: 0 12px 28px rgba(76,29,149,0.45), 0 2px 8px rgba(30,35,70,0.1);
}
:where(html[data-theme="light"]) .ss-diary-fab.is-open {
  background: radial-gradient(circle at 32% 28%, #6d28d9 0%, #5b21b6 50%, #4c1d95 100%);
  border-color: rgba(76,29,149,0.7);
}
:where(html[data-theme="light"]) .ss-diary-backdrop {
  background: rgba(18,22,40,0.34);
}
:where(html[data-theme="light"]) .ss-diary-close:hover {
  background: rgba(109,40,217,0.1);
}
:where(html[data-theme="light"]) .ss-diary-yest {
  background: rgba(109,40,217,0.08);
  border: 1px solid rgba(109,40,217,0.18);
}
:where(html[data-theme="light"]) .ss-diary-ta:focus {
  border-color: #6d28d9;
  box-shadow: 0 0 0 4px rgba(109,40,217,0.15);
}
@media (max-width: 640px) {
:where(html[data-theme="light"]) .ss-diary-panel {
  box-shadow: 0 22px 50px rgba(30,35,70,0.19);
}
}
:where(html[data-theme="light"]) #premium-modal-overlay.ss-modal-overlay,
:where(html[data-theme="light"]) #premium-modal-overlay.ss-premium-flow-overlay {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) #premium-modal-overlay .ss-premium-flow-box {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) .ss-prem-page-hero {
  border: 1px solid rgba(26,56,93,0.28);
  background: radial-gradient(900px 240px at 0% 0%, rgba(26,56,93,0.2), transparent 55%),
    radial-gradient(700px 200px at 100% 0%, rgba(109,40,217,0.08), transparent 50%),
    linear-gradient(165deg, rgba(248,248,252,0.95), #ffffff);
}
:where(html[data-theme="light"]) .ss-prem-page-eyebrow {
  color: #1a385d;
}
:where(html[data-theme="light"]) .ss-prem-page-title {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-prem-page-lead {
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-prem-page-tool {
  border: 1px solid rgba(18,22,40,0.13);
  background: rgba(18,22,40,0.32);
}
:where(html[data-theme="light"]) .ss-prem-page-tool strong {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-prem-page-tool span {
  color: #5c6478;
}
:where(html[data-theme="light"]) .ss-prem-page-plan {
  border: 1px solid rgba(18,22,40,0.13);
  background: rgba(248,248,252,0.86);
}
:where(html[data-theme="light"]) .ss-prem-page-plan--pro {
  border-color: rgba(26,56,93,0.4);
  background: linear-gradient(165deg, rgba(26,56,93,0.14) 0%, transparent 55%),
    rgba(248,248,252,0.92);
  box-shadow: 0 16px 40px rgba(30,35,70,0.1);
}
:where(html[data-theme="light"]) .ss-prem-page-plan.is-current {
  outline: 1px solid rgba(109,40,217,0.28);
}
:where(html[data-theme="light"]) .ss-prem-page-plan h3 {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-prem-page-price span {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-prem-page-price small {
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-prem-page-plan li {
  color: #2a2e3b;
}
:where(html[data-theme="light"]) .ss-prem-page-note {
  color: #5c6478;
}
:where(html[data-theme="light"]) .ss-prem-page-cta {
  background: #12141c;
  color: #ffffff;
}
:where(html[data-theme="light"]) .ss-prem-page-cta--ghost {
  color: #3f4558;
  border: 1px solid rgba(18,22,40,0.16);
}
:where(html[data-theme="light"]) .ss-prem-page-cta--ghost:hover {
  color: #12141c;
  border-color: rgba(18,22,40,0.27);
}
/* --- source 3: inline@3239 id="proto-live-overrides" --- */
:where(html[data-theme="light"]) body:has(#gate.on) {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) #gate.on {
  background: radial-gradient(ellipse 80% 60% at 16% 0%, rgba(26,56,93,0.16), transparent 55%),
      radial-gradient(ellipse 60% 50% at 88% 100%, rgba(109,40,217,0.12), transparent 50%),
      linear-gradient(165deg, #f3f4f8 0%, #ffffff 45%, #f3f4f8 100%) !important;
}
:where(html[data-theme="light"]) .ss-coach-hero,
:where(html[data-theme="light"]) .coach-hero {
  background: linear-gradient(180deg, rgba(18,22,40,0.05) 0%, transparent 50%), #ffffff !important;
  border-color: rgba(18,22,40,0.11) !important;
  box-shadow: 0 1px 2px rgba(30,35,70,0.1) !important;
}
:where(html[data-theme="light"]) .ss-coach-inp,
:where(html[data-theme="light"]) .coach-inp {
  background: #eef0f6 !important;
  border-color: rgba(18,22,40,0.15) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) .ss-coach-chip,
:where(html[data-theme="light"]) .coach-chip {
  background: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
  color: #2a2e3b !important;
  -webkit-text-fill-color: #2a2e3b !important;
}
:where(html[data-theme="light"]) .ss-coach-chip:hover,
:where(html[data-theme="light"]) .coach-chip:hover {
  background: #e6e8f2 !important;
  border-color: rgba(18,22,40,0.25) !important;
  color: #12141c !important;
  -webkit-text-fill-color: #12141c !important;
}
:where(html[data-theme="light"]) .ss-coach-chip.is-on,
:where(html[data-theme="light"]) .coach-chip.is-on {
  background: rgba(26,56,93,0.15) !important;
  border-color: rgba(26,56,93,0.55) !important;
  color: #1a385d !important;
  -webkit-text-fill-color: #1a385d !important;
}
:where(html[data-theme="light"]) .ss-coach-diff-btn,
:where(html[data-theme="light"]) .coach-diff-btn {
  background: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
  color: #2a2e3b !important;
  -webkit-text-fill-color: #2a2e3b !important;
}
:where(html[data-theme="light"]) .ss-coach-diff-btn:hover,
:where(html[data-theme="light"]) .coach-diff-btn:hover {
  background: #e6e8f2 !important;
  border-color: rgba(18,22,40,0.25) !important;
  color: #12141c !important;
  -webkit-text-fill-color: #12141c !important;
}
:where(html[data-theme="light"]) .ss-coach-diff-btn.is-on,
:where(html[data-theme="light"]) .ss-coach-diff-btn.is-active,
:where(html[data-theme="light"]) .coach-diff-btn.is-on {
  background: rgba(26,56,93,0.18) !important;
  border-color: rgba(26,56,93,0.65) !important;
  color: #1a385d !important;
  -webkit-text-fill-color: #1a385d !important;
}
:where(html[data-theme="light"]) .fc-popup-overlay {
  background: rgba(18,22,40,0.48) !important;
}
:where(html[data-theme="light"]) .fc-popup-face {
  background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(109,40,217,0.18), transparent 55%),
      linear-gradient(180deg, #ffffff 0%, #ffffff 100%) !important;
  border: 1px solid rgba(18,22,40,0.15) !important;
  box-shadow: 0 24px 64px rgba(30,35,70,0.17) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) .fc-popup-back {
  background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(109,40,217,0.32), transparent 55%),
      linear-gradient(180deg, #f5f3ff 0%, #ffffff 72%) !important;
  border-color: rgba(109,40,217,0.35) !important;
}
:where(html[data-theme="light"]) .fc-popup-label {
  color: #5b21b6 !important;
}
:where(html[data-theme="light"]) .fc-popup-text {
  color: #12141c !important;
}
:where(html[data-theme="light"]) .fc-popup-hint {
  color: #5c6478 !important;
}
:where(html[data-theme="light"]) .fc-popup-close,
:where(html[data-theme="light"]) .fc-nav-btn {
  background: #eef0f6 !important;
  border-color: rgba(18,22,40,0.15) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) .fc-nav-btn:hover {
  border-color: rgba(109,40,217,0.4) !important;
  background: #ffffff !important;
}
:where(html[data-theme="light"]) .fc-counter {
  color: #3f4558 !important;
}
html:where([data-theme="light"]),
:where(html[data-theme="light"]) body,
:where(html[data-theme="light"]) #shell,
:where(html[data-theme="light"]) .main,
:where(html[data-theme="light"]) .page-wrap,
:where(html[data-theme="light"]) .view,
:where(html[data-theme="light"]) .ss-game-screen,
:where(html[data-theme="light"]) .ss-game-screen--solo,
:where(html[data-theme="light"]) .ss-v2-screen {
  background: #f3f4f8 !important;
}
html:where([data-theme="light"]) {
  color-scheme: light !important;
  background: #f3f4f8 !important;
}
html[data-theme="light"] body,
:where(html[data-theme="light"]) body,
:where(html[data-theme="light"]) #shell,
:where(html[data-theme="light"]) .gate,
:where(html[data-theme="light"]) .side,
:where(html[data-theme="light"]) .main,
:where(html[data-theme="light"]) .view,
:where(html[data-theme="light"]) .page-wrap {
  background: #f3f4f8 !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) .gate-inner {
  background: #ffffff !important;
  border: 1px solid rgba(18,22,40,0.11) !important;
}
:where(html[data-theme="light"]) .home-hero {
  background: radial-gradient(140px 90px at 0% 0%, rgba(109,40,217,0.32), transparent 62%),
      radial-gradient(160px 100px at 100% 100%, rgba(124,58,237,0.16), transparent 58%),
      linear-gradient(135deg, rgba(109,40,217,0.16) 0%, #ffffff 58%) !important;
  border: 1px solid rgba(109,40,217,0.34) !important;
  box-shadow: 0 0 0 1px rgba(109,40,217,0.1), 0 10px 28px rgba(109,40,217,0.08) !important;
}
:where(html[data-theme="light"]) .hub-hero {
  background: linear-gradient(180deg, rgba(18,22,40,0.05) 0%, transparent 50%), #ffffff !important;
  border: 1px solid rgba(18,22,40,0.11) !important;
  box-shadow: 0 1px 2px rgba(30,35,70,0.1) !important;
}
:where(html[data-theme="light"]) .hub-hero.premium {
  border-color: rgba(26,56,93,0.3) !important;
  background: linear-gradient(180deg, rgba(26,56,93,0.08) 0%, transparent 50%), #ffffff !important;
}
:where(html[data-theme="light"]) .home-hero p,
:where(html[data-theme="light"]) .hub-hero p,
:where(html[data-theme="light"]) .home-xp span,
:where(html[data-theme="light"]) .hub-hero-kicker {
  color: #3f4558 !important;
  -webkit-text-fill-color: #3f4558 !important;
}
:where(html[data-theme="light"]) .home-xp b {
  color: #5c6478 !important;
  -webkit-text-fill-color: #5c6478 !important;
}
:where(html[data-theme="light"]) .gate-form-head h2,
:where(html[data-theme="light"]) .gate-headline,
:where(html[data-theme="light"]) .home-hero h2,
:where(html[data-theme="light"]) .hub-hero h2,
:where(html[data-theme="light"]) .hero-title,
:where(html[data-theme="light"]) .page-title,
:where(html[data-theme="light"]) .logo-text,
:where(html[data-theme="light"]) .gate-logo-text,
:where(html[data-theme="light"]) .side-profile-name,
:where(html[data-theme="light"]) .side-xp-level,
:where(html[data-theme="light"]) .level-card-title,
:where(html[data-theme="light"]) .levelup-name,
:where(html[data-theme="light"]) .app-header-title,
:where(html[data-theme="light"]) .profile-head h2,
:where(html[data-theme="light"]) .setting,
:where(html[data-theme="light"]) .setting-btn,
:where(html[data-theme="light"]) .home-continue-title,
:where(html[data-theme="light"]) .game-tile h3,
:where(html[data-theme="light"]) .hub-card-title,
:where(html[data-theme="light"]) .artifact-title,
:where(html[data-theme="light"]) .stat b {
  color: #12141c !important;
  -webkit-text-fill-color: #12141c !important;
}
:where(html[data-theme="light"]) .ss-game-screen--solo,
:where(html[data-theme="light"]) .ss-game-screen--solo .page,
:where(html[data-theme="light"]) .ss-game-screen--solo .page.ss-flow-page {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) .ss-memory-card {
  border: 1px solid rgba(18,22,40,0.15) !important;
  background: #eef0f6 !important;
  color: #5c6478 !important;
}
:where(html[data-theme="light"]) .ss-memory-card.is-flipped {
  background: #ffffff !important;
  color: #12141c !important;
  border-color: #6d28d9 !important;
}
:where(html[data-theme="light"]) .ss-memory-card.is-solved {
  background: rgba(22,163,74,0.12) !important;
  color: #15803d !important;
  border-color: #16a34a !important;
}
:where(html[data-theme="light"]) .ss-memory-card:hover:not(.is-solved):not(.is-flipped) {
  background: #e6e8f2 !important;
  border-color: #16a34a !important;
  color: #3f4558 !important;
}
:where(html[data-theme="light"]) #ss-toast.ss-toast {
  background: #eef0f6 !important;
  color: #12141c !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
  box-shadow: 0 12px 40px rgba(30,35,70,0.15) !important;
}
:where(html[data-theme="light"]) #premium-modal-overlay.ss-modal-overlay,
:where(html[data-theme="light"]) #premium-modal-overlay.ss-premium-flow-overlay {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) #premium-modal-overlay .ss-premium-flow-box {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) .ss-owned-tag {
  background: rgba(109,40,217,0.14) !important;
  color: #5b21b6 !important;
  border: 1px solid rgba(109,40,217,0.35) !important;
}
:where(html[data-theme="light"]) .guest-signin-overlay {
  background: rgba(18,22,40,0.48) !important;
}
:where(html[data-theme="light"]) .guest-signin-card {
  background: #ffffff !important;
  border: 1px solid rgba(18,22,40,0.13) !important;
  color: #12141c !important;
  box-shadow: 0 24px 64px rgba(30,35,70,0.17) !important;
}
:where(html[data-theme="light"]) .guest-signin-title {
  color: #12141c !important;
}
:where(html[data-theme="light"]) .guest-signin-sub,
:where(html[data-theme="light"]) .guest-signin-label {
  color: #3f4558 !important;
}
:where(html[data-theme="light"]) .guest-signin-close {
  background: #eef0f6 !important;
  border-color: rgba(18,22,40,0.15) !important;
  color: #3f4558 !important;
}
:where(html[data-theme="light"]) .guest-signin-inp,
:where(html[data-theme="light"]) #guest-signin-overlay input {
  background: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.15) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) .guest-signin-inp::placeholder,
:where(html[data-theme="light"]) #guest-signin-overlay input::placeholder {
  color: #5c6478 !important;
}
:where(html[data-theme="light"]) .guest-signin-inp:focus,
:where(html[data-theme="light"]) #guest-signin-overlay input:focus {
  background: #eef0f6 !important;
  border-color: rgba(18,22,40,0.25) !important;
  box-shadow: 0 0 0 3px rgba(18,22,40,0.03) !important;
}
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill,
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill:hover,
:where(html[data-theme="light"]) .guest-signin-inp:-webkit-autofill:focus,
:where(html[data-theme="light"]) #guest-signin-overlay input:-webkit-autofill {
  -webkit-text-fill-color: #12141c !important;
  caret-color: #12141c !important;
  box-shadow: 0 0 0 1000px #eef0f6 inset !important;
  border-color: rgba(18,22,40,0.15) !important;
}
:where(html[data-theme="light"]) .guest-signin-primary {
  background: #6d28d9 !important;
}
:where(html[data-theme="light"]) .guest-signin-secondary {
  background: #eef0f6 !important;
  color: #12141c !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-login-inp,
:where(html[data-theme="light"]) #signup-modal .ss-input-wrap .ss-login-inp,
:where(html[data-theme="light"]) #verify-signup-modal .ss-login-inp,
:where(html[data-theme="light"]) #verify-signup-modal input[type="text"] {
  background: #eef0f6 !important;
  background-color: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.15) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-login-inp::placeholder,
:where(html[data-theme="light"]) #verify-signup-modal input::placeholder {
  color: #5c6478 !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-login-inp:focus,
:where(html[data-theme="light"]) #verify-signup-modal input:focus {
  background: #eef0f6 !important;
  background-color: #eef0f6 !important;
  border-color: rgba(18,22,40,0.25) !important;
  box-shadow: 0 0 0 3px rgba(18,22,40,0.03) !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-input-wrap:focus-within {
  border-color: rgba(18,22,40,0.25) !important;
  box-shadow: 0 0 0 3px rgba(18,22,40,0.03) !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-input-wrap {
  background: #eef0f6 !important;
  background-color: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.15) !important;
}
:where(html[data-theme="light"]) #feedback-modal.ss-modal-overlay {
  background: rgba(18,22,40,0.48) !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-modal-box {
  background: #ffffff !important;
  border: 1px solid rgba(18,22,40,0.13) !important;
  color: #12141c !important;
  box-shadow: 0 24px 64px rgba(30,35,70,0.17) !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-modal-eyebrow {
  color: #6d28d9 !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-modal-title {
  color: #12141c !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-modal-sub {
  color: #3f4558 !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-feedback-textarea {
  background: #eef0f6 !important;
  border: 1px solid rgba(18,22,40,0.15) !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-feedback-textarea:focus {
  border-color: #6d28d9 !important;
  box-shadow: 0 0 0 3px rgba(109,40,217,0.18) !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-btn-primary {
  background: #6d28d9 !important;
  color: #ffffff !important;
}
:where(html[data-theme="light"]) #signup-modal .ss-btn-outline,
:where(html[data-theme="light"]) #signup-modal .ss-modal-actions .ss-btn-outline,
:where(html[data-theme="light"]) #material-upload-modal .ss-btn-outline,
:where(html[data-theme="light"]) #feedback-modal .ss-btn-outline {
  background: #eef0f6 !important;
  background-color: #eef0f6 !important;
  color: #12141c !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
}
:where(html[data-theme="light"]) #feedback-modal .ss-modal-close {
  color: #3f4558 !important;
}
:where(html[data-theme="light"]) .ss-arcade-result {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.13);
}
:where(html[data-theme="light"]) .ss-arcade-result-mark {
  background: rgba(109,40,217,0.12);
  color: #5b21b6;
}
:where(html[data-theme="light"]) .ss-arcade-result.is-lose .ss-arcade-result-mark {
  color: #dc2626;
}
:where(html[data-theme="light"]) .ss-arcade-result-kicker {
  color: #6d28d9;
}
:where(html[data-theme="light"]) .ss-arcade-result.is-lose .ss-arcade-result-kicker {
  color: #dc2626;
}
:where(html[data-theme="light"]) .ss-arcade-result-title {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-arcade-result-score {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-arcade-result-detail {
  color: #3f4558;
}
:where(html[data-theme="light"]) .ss-arcade-result-xp {
  color: #6d28d9;
  background: rgba(109,40,217,0.12);
}
:where(html[data-theme="light"]) .ss-arcade-result-actions .btn-primary {
  background: #6d28d9 !important;
  color: #ffffff !important;
}
:where(html[data-theme="light"]) .ss-arcade-result-actions .btn-outline {
  color: #12141c !important;
  border: 1px solid rgba(18,22,40,0.16) !important;
}
:where(html[data-theme="light"]) .ss-game-result {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.13);
}
:where(html[data-theme="light"]) .ss-game-result-score {
  color: #12141c;
}
:where(html[data-theme="light"]) .ss-game-result-sub {
  color: #3f4558;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen,
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen.active {
  background: #f3f4f8 !important;
  color: #12141c;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-content-stage.ss-game-host {
  background: #ffffff;
  border: 1px solid rgba(18,22,40,0.13);
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-back-btn {
  color: #3f4558;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen,
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen.active {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen .ss-back-btn {
  border: 1px solid rgba(18,22,40,0.15);
  background: #eef0f6;
  color: #12141c !important;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen .ss-back-btn:hover {
  background: #e6e8f2;
  border-color: rgba(18,22,40,0.19);
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen .ss-lang-btn {
  border: 1px solid rgba(18,22,40,0.15);
  background: #eef0f6;
  color: #12141c;
}
:where(html[data-theme="light"]) body.ss-live-flow .ss-game-screen .ss-lang-btn:hover {
  background: #e6e8f2;
  border-color: rgba(18,22,40,0.19);
}
:where(html[data-theme="light"]) .ss-arcade-result-screen .ss-arcade-result {
  box-shadow: 0 24px 64px rgba(30,35,70,0.15);
}
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-coach.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-exam-tools.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-notes-coach.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-spot-lie.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-lesson.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-topic.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-subject.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-grade.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-material.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-material-lab.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-library.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-quiz.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-result.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-tf.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-fib.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-match.active,
:where(html[data-theme="light"]) body.ss-live-in-shell.ss-live-flow #screen-survival.active {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) #ss-live-host #screen-exam-tools.active,
:where(html[data-theme="light"]) #ss-live-host #screen-notes-coach.active,
:where(html[data-theme="light"]) #ss-live-host #screen-spot-lie.active {
  background: #f3f4f8 !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-wordle-ok {
  color: #ffffff !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-wordle-near {
  background: #dde0ec !important;
  border-color: #aeb4c7 !important;
  color: #12141c !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-wordle-bad {
  background: #eef0f6 !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-wordle-key--ok {
  color: #ffffff !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .btn-primary,
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-btn-primary {
  color: #ffffff !important;
}
:where(html[data-theme="light"]) body.ss-arcade-in-shell .ss-play-loading,
:where(html[data-theme="light"]) #play-loading-overlay.ss-play-loading {
  background: rgba(18,22,40,0.45) !important;
}
/* --- source 4: inline@4318 id="ss-theme-switch-css" --- */

/* ===== hand-tuned light layer (tokens, inputs, fixes) ===== */
/* Everything below is scoped to html[data-theme="light"] and loads last. */

/* ── Design tokens: white surfaces · dark ink · purple (secondary) · logo-navy (tertiary) ── */
html[data-theme="light"] {
  color-scheme: light !important;

  /* Page sits a shade cooler so white cards actually read as cards (like dark zinc on black). */
  --bg: #f3f4f8 !important;
  --panel: #ffffff !important;
  --panel-2: #eef0f6 !important;
  --panel-hover: #e6e8f2 !important;
  --line: rgba(18, 22, 40, 0.10) !important;
  --line-2: rgba(18, 22, 40, 0.16) !important;
  --text: #12141c !important;
  --text-2: #3f4558 !important;
  --text-3: #5c6478 !important;
  /* Punchier purple — peer of dark-mode green #10b981 */
  --green: #6d28d9 !important;
  --green-bright: #5b21b6 !important;
  --green-dim: rgba(109, 40, 217, 0.14) !important;
  --green-muted: rgba(109, 40, 217, 0.07) !important;
  --accent: #6d28d9 !important;
  --accent-dim: rgba(109, 40, 217, 0.14) !important;
  --purple: #1a385d !important;
  --purple-dim: rgba(26, 56, 93, 0.12) !important;
  --red: #dc2626 !important;
  --shadow-sm: 0 1px 2px rgba(30, 35, 70, 0.08) !important;
  --shadow-md: 0 4px 20px rgba(30, 35, 70, 0.12) !important;
  --shadow-lg: 0 12px 40px rgba(30, 35, 70, 0.16) !important;
  --focus-ring: 0 0 0 3px rgba(109, 40, 217, 0.22) !important;
  --focus-outline: 2px solid rgba(109, 40, 217, 0.65) !important;

  /* index.css tokens */
  --canvas: #f3f4f8 !important;
  --surface: #ffffff !important;
  --surface-raised: #ffffff !important;
  --fg: #12141c !important;
  --muted: #5c6478 !important;
  --border: rgba(109, 40, 217, 0.22) !important;
  --accent-bright: #5b21b6 !important;
  --accent-soft: rgba(109, 40, 217, 0.12) !important;
  --accent-glow: rgba(109, 40, 217, 0.28) !important;
  --accent-pill: rgba(109, 40, 217, 0.14) !important;
  --growth: #16a34a !important;           /* success only */
  --growth-bright: #15803d !important;
  --growth-soft: rgba(22, 163, 74, 0.12) !important;
  --violet: #1a385d !important;
  --amber: #b45309 !important;
  --ghost: #3f4558;

  --shadow-xs: 0 1px 2px rgba(30, 35, 70, 0.06) !important;
  /* Card edge: purple outline + soft glow — same job green does on dark */
  --shadow-card: 0 1px 2px rgba(30, 35, 70, 0.06), 0 0 0 1px rgba(109, 40, 217, 0.22), 0 8px 22px rgba(109, 40, 217, 0.08) !important;
  --shadow-lift: 0 8px 26px rgba(109, 40, 217, 0.22), 0 0 0 1px rgba(109, 40, 217, 0.42) !important;
  --shadow-float: 0 16px 44px rgba(30, 35, 70, 0.16), 0 4px 12px rgba(30, 35, 70, 0.06) !important;
  --shadow-sidebar: 1px 0 0 rgba(18, 22, 40, 0.10) !important;

  --card-bg: #ffffff !important;
  --sidebar-bg: #ffffff !important;
  --input-bg: #ffffff !important;
  --main-panel-bg: #f3f4f8 !important;
  --footer-fade: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.92) 32%) !important;
  --overlay-surface: #ffffff !important;
  --drawer-bg: #ffffff !important;
  --drawer-header-bg: #ffffff !important;
  --drawer-chips-bg: #f8f8fc !important;
  --drawer-input-bg: #ffffff !important;
  --btn-ghost-bg: #ffffff !important;
  --login-card-bg: #ffffff !important;
  --material-hero-bg: linear-gradient(145deg, #8b5cf6, #6d28d9) !important;
  --material-hero-color: #ffffff !important;
  --mode-tab-active: #f5f3ff !important;
  --icon-tile: linear-gradient(145deg, #2d5a8c 0%, #1a385d 100%) !important;
  --icon-tile-green: linear-gradient(145deg, #8b5cf6 0%, #6d28d9 100%) !important;
  --icon-tile-violet: linear-gradient(145deg, #3a6aa5 0%, #1a385d 100%) !important;
  --icon-tile-neutral: linear-gradient(145deg, #f4f5fa 0%, #e8eaf3 100%) !important;
}

/* ── Page ── */
html[data-theme="light"],
html[data-theme="light"] body {
  background: #f3f4f8 !important;
  color: #12141c !important;
}
html[data-theme="light"] ::selection { background: rgba(109, 40, 217, 0.24); color: #12141c; }

/* ── Text entry: dark ink on white, in every field, always ── */
html[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]),
html[data-theme="light"] body textarea,
html[data-theme="light"] body select,
html[data-theme="light"] body [contenteditable="true"] {
  color: #12141c !important;
  -webkit-text-fill-color: #12141c !important;
  caret-color: #6d28d9 !important;
}
html[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]),
html[data-theme="light"] body textarea,
html[data-theme="light"] body select {
  background-color: #ffffff;
}
html[data-theme="light"] body input::placeholder,
html[data-theme="light"] body textarea::placeholder {
  color: #7a8196 !important;
  -webkit-text-fill-color: #7a8196 !important;
  opacity: 1 !important;
}
html[data-theme="light"] body input:-webkit-autofill,
html[data-theme="light"] body input:-webkit-autofill:hover,
html[data-theme="light"] body input:-webkit-autofill:focus,
html[data-theme="light"] body textarea:-webkit-autofill,
html[data-theme="light"] body select:-webkit-autofill {
  -webkit-text-fill-color: #12141c !important;
  caret-color: #6d28d9 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  transition: background-color 9999s ease-out 0s;
}
html[data-theme="light"] body select option { background: #ffffff; color: #12141c; }

/* ── Login hero ── */
html[data-theme="light"] .gate-feat-icon {
  background: rgba(109, 40, 217, 0.12) !important;
  color: #5b21b6 !important;
}

/* ── Per-game accent colours: keep each game distinct, but legible on white ── */
html[data-theme="light"] [style*="--play-accent:#10b981"] { --play-accent: #6d28d9 !important; }
html[data-theme="light"] [style*="--play-accent:#a78bfa"] { --play-accent: #1a385d !important; }
html[data-theme="light"] [style*="--play-accent:#34d399"] { --play-accent: #5b21b6 !important; }
html[data-theme="light"] [style*="--play-accent:#ef4444"] { --play-accent: #dc2626 !important; }
html[data-theme="light"] [style*="--play-accent:#FF2ED1"] { --play-accent: #c026d3 !important; }
html[data-theme="light"] [style*="--play-accent:#39FF14"] { --play-accent: #0d9488 !important; }
html[data-theme="light"] [style*="--play-accent:#f59e0b"] { --play-accent: #d97706 !important; }
html[data-theme="light"] [style*="--play-accent:#14b8a6"] { --play-accent: #0f766e !important; }
html[data-theme="light"] [style*="--play-accent:#eab308"] { --play-accent: #ca8a04 !important; }
html[data-theme="light"] [style*="--play-accent:#f97316"] { --play-accent: #ea580c !important; }
html[data-theme="light"] [style*="--play-accent:#22c55e"] { --play-accent: #16a34a !important; }

/* ── Decorative gradients that mixed in success-green ── */
html[data-theme="light"] .ss-title-accent { background-image: linear-gradient(90deg, #6d28d9 0%, #1a385d 100%) !important; }
html[data-theme="light"] .ss-coach-progress-fill { background: linear-gradient(90deg, #6d28d9, #1a385d) !important; }
html[data-theme="light"] .ss-reading-fill { background: linear-gradient(90deg, #6d28d9, #1a385d) !important; }

/* ── Inline styles written by JS for a dark UI (white-on-transparent) ── */
html[data-theme="light"] #shell :is([style*="color:rgba(255,255,255"], [style*="color: rgba(255, 255, 255"]):not([style*="background:linear-gradient"]) {
  color: rgba(18, 22, 40, 0.62) !important;
}
html[data-theme="light"] #shell :is([style*="background:rgba(255,255,255"], [style*="background: rgba(255, 255, 255"]) {
  background: rgba(18, 22, 40, 0.045) !important;
}
html[data-theme="light"] #shell :is([style*="border:1px solid rgba(255,255,255"], [style*="border: 1px solid rgba(255, 255, 255"]) {
  border-color: rgba(18, 22, 40, 0.14) !important;
}
html[data-theme="light"] #shell :is([style*="background:rgba(255,255,255"], [style*="background: rgba(255, 255, 255"])[style*="color:#fff"] {
  color: #12141c !important;
}
html[data-theme="light"] #shell mark[style*="color:#fff"] { color: #12141c !important; }

/* ── Brand: logo wordmark in the logo navy ── */
html[data-theme="light"] .logo-text,
html[data-theme="light"] .gate-logo-text,
html[data-theme="light"] .ss-mode-logo {
  color: #1a385d !important;
  -webkit-text-fill-color: #1a385d !important;
}

/* Login gate: soft purple wash on cool grey (no weird preview filters). */
html[data-theme="light"] body:has(#gate.on),
html[data-theme="light"] #gate.on {
  background:
    radial-gradient(ellipse 80% 60% at 16% 0%, rgba(109, 40, 217, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 50% at 88% 100%, rgba(26, 56, 93, 0.08), transparent 50%),
    linear-gradient(165deg, #f3f4f8 0%, #ffffff 45%, #eef0f6 100%) !important;
}
html[data-theme="light"] .gate-play-caption {
  color: #6d28d9 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .gate-shot {
  background: transparent !important;
  border: none !important;
  box-shadow: 0 20px 48px rgba(30, 35, 70, 0.14), 0 0 0 1px rgba(109, 40, 217, 0.16) !important;
}
html[data-theme="light"] .gate-inner {
  background: #ffffff !important;
  border: 1px solid rgba(109, 40, 217, 0.22) !important;
  box-shadow: 0 24px 64px rgba(30, 35, 70, 0.12) !important;
}

/* ── Cards: readable the way dark-mode green outlines are ── */
html[data-theme="light"] #shell,
html[data-theme="light"] .main,
html[data-theme="light"] .page-wrap,
html[data-theme="light"] .view,
html[data-theme="light"] .ss-v2-screen,
html[data-theme="light"] .ss-game-screen,
html[data-theme="light"] .ss-game-screen--solo {
  background: #f3f4f8 !important;
}
html[data-theme="light"] .side,
html[data-theme="light"] .ss-v2-sidebar,
html[data-theme="light"] .app-header,
html[data-theme="light"] .ss-v2-topbar {
  background: #ffffff !important;
}

html[data-theme="light"] :is(
  .ss-choice-card,
  .ss-level-card,
  .level-card,
  .hub-card,
  .home-continue,
  .jump-tile,
  .game-tile,
  .ss-play-card,
  .ss-game-card,
  .ss-play-tile,
  .artifact,
  .ss-exam-card,
  .ss-coach-hero,
  .coach-hero,
  .hub-hero,
  .gate-inner,
  .ss-modal-box,
  .forgot-card,
  .guest-signin-card,
  .ss-fc,
  .ss-arcade-result,
  .ss-pw-card,
  .ss-premium-flow-box
) {
  background: #ffffff !important;
  border: 1px solid rgba(109, 40, 217, 0.26) !important;
  box-shadow: 0 1px 2px rgba(30, 35, 70, 0.05), 0 0 0 1px rgba(109, 40, 217, 0.10), 0 10px 24px rgba(109, 40, 217, 0.08) !important;
}

html[data-theme="light"] .home-hero {
  background:
    radial-gradient(140px 90px at 0% 0%, rgba(109, 40, 217, 0.22), transparent 62%),
    radial-gradient(160px 100px at 100% 100%, rgba(124, 58, 237, 0.14), transparent 58%),
    linear-gradient(135deg, rgba(109, 40, 217, 0.10) 0%, #ffffff 58%) !important;
  border: 1px solid rgba(109, 40, 217, 0.40) !important;
  box-shadow: 0 0 0 1px rgba(109, 40, 217, 0.12), 0 12px 28px rgba(109, 40, 217, 0.14) !important;
}

html[data-theme="light"] :is(
  .ss-choice-card:hover,
  .ss-level-card:hover,
  .level-card:hover,
  .hub-card:hover,
  .home-continue:hover,
  .jump-tile:hover,
  .game-tile:hover,
  .ss-play-card:hover,
  .ss-game-card:hover
) {
  border-color: rgba(109, 40, 217, 0.48) !important;
  box-shadow: 0 8px 26px rgba(109, 40, 217, 0.20), 0 0 0 1px rgba(109, 40, 217, 0.34) !important;
}

/* Punchy purple CTAs / active / links (peer of dark green) */
html[data-theme="light"] :is(
  .btn-green,
  .btn-sm:not(.ghost):not(.danger):not(.purple),
  .ss-btn-primary,
  .dock-send,
  .ss-ask-send,
  .guest-signin-primary,
  .ss-coach-start-btn,
  #coach-start-btn
) {
  background: linear-gradient(145deg, #7c3aed, #5b21b6) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(109, 40, 217, 0.32) !important;
}
html[data-theme="light"] :is(
  .side-link.on,
  .ss-v2-nav-item.is-active,
  .ss-choice-go,
  .ss-choice-cta,
  a.ss-choice-go,
  .home-continue-go,
  .artifact-open
) {
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
}
html[data-theme="light"] .side-link.on {
  background: rgba(109, 40, 217, 0.10) !important;
  box-shadow: inset 3px 0 0 #6d28d9 !important;
}
/* Active link color must not recolor NEW/PRO pills */
html[data-theme="light"] .side-link.on :is(.ss-nav-new-badge, .ss-nav-pro-pill, .ss-owned-tag--nav),
html[data-theme="light"] .ss-v2-nav-item.is-active :is(.ss-nav-new-badge, .ss-nav-pro-pill, .ss-owned-tag--nav) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] .ss-v2-nav-item.is-active {
  background: rgba(109, 40, 217, 0.10) !important;
  color: #5b21b6 !important;
}
html[data-theme="light"] .ss-v2-nav-item.is-active .ss-nav-icon {
  color: #6d28d9 !important;
}

/* ── Semantic greens written inline by game scripts: darker for legibility on white ── */
html[data-theme="light"] #shell :is([style*="color:#10b981"], [style*="color: rgb(16, 185, 129)"]) { color: #15803d !important; }
html[data-theme="light"] #shell :is([style*="color:#ef4444"], [style*="color: rgb(239, 68, 68)"]) { color: #dc2626 !important; }