/* ═══════════════════════════════════════════════════════════════════════════
   Ember (2026-10-03) — student-education (the student's Education page) on a desk or iPad: every view the student opens
   from the menu — the overview, Tests & Worksheets (?tab=html-assignments), Homework and Writing Practice
   (?tab=homework-assignments / writing-practice), Files, Calendar, and the Recordings gate.
   Scoped html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e)…; see css/pm-ember-family.css and
   EMBER-FAMILY-AGENT-BRIEF.md (with the 3 Oct colour law). Not the phone app (that is css/ember/family/).

   The page draws everything from its --sp-* tokens (white card, lavender fades, purple accents), so html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e)1 gives the tokens
   their Ember values and the rest shapes each piece the app's way. Kept as they were: the hero's illustration, the
   subject and assignment emoji the page already shows, the calendar's comic character.
     1 tokens · 2 frame and top bar · 3 hero · 4 section heads, stats · 5 assignment cards · 6 subjects · 7 side cards
     8 page heroes (Tests, Homework) · 9 Tests & Worksheets list · 10 Homework / Writing Practice · 11 Files
     12 Calendar · 13 gate, modal, toast, empties
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. the page's tokens, given Ember's values ─────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) {
  --sp-bg: #17181B; --sp-bg-2: #1A1B1E;
  --sp-card: #1F2023; --sp-card-2: rgba(255,255,255,.04);
  --sp-border: rgba(255,255,255,.08); --sp-border-strong: rgba(255,255,255,.14);
  --sp-ink: #FFFFFF; --sp-ink-2: #E6E7EA; --sp-ink-mute: #8E95A5; --sp-ink-dim: #6B7080;
  --sp-purple: #FF8A4C; --sp-purple-deep: #FF8A4C; --sp-purple-soft: #FFB98F;
  --sp-purple-fade: rgba(255,255,255,.07); --sp-purple-fade-2: rgba(255,255,255,.045);
  --sp-accent-yellow: #FF8A4C; --sp-accent-orange: #FF8A4C; --sp-success: #FFFFFF;
  --sp-hero-grad: linear-gradient(180deg, #FF6E29, #F4560E);
  --sp-nav-grad: linear-gradient(180deg, #1F2023, #17181B);
  --sp-shadow-card: none; --sp-shadow-deep: none;
  --sp-shadow-hover: 0 22px 40px -24px rgba(0,0,0,.85);
  --sp-radius: 24px; --sp-radius-sm: 16px;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body { background-color: #17181B; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) { color: #E6E7EA !important; }
/* the floating lavender and green blobs go */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-bg-fx { display: none !important; }
/* (the sparkles would show through the glass cards as specks, so they rest too) */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-sparkles, .sp-sparkle) { display: none !important; }

/* ── 2. the frame steps aside; the top bar is the well search and a glass pill ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-card {
  background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; animation: none !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-shell { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input {
  height: 46px !important; padding: 0 18px 0 42px !important;
  background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important;
  border-radius: 999px !important; color: #FFFFFF !important; caret-color: #FF6A1F !important;
  font: 400 16px/1 var(--n-font) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input::placeholder { color: #6B7080 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input:focus { background: rgba(0,0,0,.34) !important; border-color: rgba(255,138,76,.55) !important; box-shadow: 0 0 0 4px rgba(255,106,31,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search svg { color: #A0A5B1 !important; width: 15px !important; height: 15px !important; left: 17px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; padding: 5px 16px 5px 5px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__avatar { background: var(--em-or-fill) !important; box-shadow: 0 0 0 2px #1F2023 !important; font-family: var(--n-font) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__name { color: #FFFFFF !important; font: 600 14px/1.2 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__role { color: #8E95A5 !important; font: 400 12px/1.2 var(--n-font) !important; }

/* ── 3. the welcome hero: lifted glass, big friendly type, the illustration kept, one orange action ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero {
  background: var(--em-glass) !important; background-size: auto !important; animation: none !important;
  border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important;
  border-radius: 24px !important; box-shadow: var(--em-lift) !important; color: #E6E7EA !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero::before {
  content: '' !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; border-radius: inherit !important;
  background: radial-gradient(60% 90% at 92% 50%, rgba(255,106,31,.16), rgba(255,106,31,0) 70%) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__blob { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__date { color: #8E95A5 !important; opacity: 1 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; text-transform: uppercase !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__title { color: #FFFFFF !important; font: 600 36px/1.08 var(--n-font) !important; letter-spacing: -1px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__sub { color: #A0A5B1 !important; opacity: 1 !important; font: 400 15.5px/1.5 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta { font: 600 15px/1 var(--n-font) !important; letter-spacing: -.2px !important; padding: 0 22px !important; height: 46px !important; border-radius: 999px !important; transition: transform .18s var(--em-ease), filter .18s var(--em-ease), background-color .18s var(--em-ease) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--primary { background: var(--em-or-fill) !important; color: #FFFFFF !important; border: 0 !important; box-shadow: var(--em-or-shadow) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--ghost { background: rgba(255,255,255,.06) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font-weight: 500 !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--primary:hover { filter: brightness(1.06) !important; transform: translateY(-1px) !important; box-shadow: var(--em-or-shadow) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--ghost:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; transform: translateY(-1px) !important; }
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta:active { transform: scale(.95) !important; transition-duration: 70ms !important; }

/* ── 4. section heads and the three work counters ───────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section-h__title { color: #FFFFFF !important; font: 600 22px/1.2 var(--n-font) !important; letter-spacing: -.5px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-section-h__link, .sp-sidecard__link, .sp-notice__link) { color: #FF8A4C !important; font-family: var(--n-font) !important; font-weight: 500 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section-h + div > a[href], html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #spCoursesView > div > a { color: #FF8A4C !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat,
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course,
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card,
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard {
  background: var(--em-glass) !important; background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8) !important;
  transition: transform .18s var(--em-ease), border-color .18s var(--em-ease), box-shadow .18s var(--em-ease), background-color .18s var(--em-ease) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-stat, .sp-course, .sp-sidecard) { border-radius: 24px !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-stat, .sp-course, .sp-subject-card:not(.is-disabled), .sp-sidecard):hover {
    transform: translateY(-1px) !important;
    background-image: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important;
    border-color: rgba(255,255,255,.12) !important; border-top-color: rgba(255,255,255,.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 24px 42px -24px rgba(0,0,0,.9) !important;
  }
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-stat, .sp-course, .sp-subject-card):active { transform: scale(.985) !important; transition-duration: 70ms !important; }
/* the chosen counter: a lit rim and an orange line of light along its top */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat.is-active { border-color: rgba(255,138,76,.35) !important; border-top-color: rgba(255,138,76,.5) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat::after { background: linear-gradient(90deg, rgba(255,106,31,0), #FF6A1F 30%, #FF8A4C 70%, rgba(255,106,31,0)) !important; box-shadow: 0 0 12px rgba(255,106,31,.7) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__icon {
  background: var(--em-key) !important; color: #E6E7EA !important; border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat.is-active .sp-stat__icon, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat:hover .sp-stat__icon { background: var(--em-key-on) !important; color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__value { color: #FFFFFF !important; font: 500 38px/1 var(--n-font) !important; letter-spacing: -1.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__label { color: #8E95A5 !important; font: 500 13.5px/1.2 var(--n-font) !important; }

/* ── 5. the assignment cards on the overview ────────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course::before { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__icon {
  background: var(--em-key) !important; border-radius: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.15), 0 10px 18px -10px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__subject { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__title { color: #FFFFFF !important; font: 600 17px/1.3 var(--n-font) !important; letter-spacing: -.25px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__meta { color: #8E95A5 !important; font-family: var(--n-font) !important; }
/* status and kind: quiet capsules — orange only where it needs the child; never a rainbow */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status, .sp-course__kind) {
  font: 500 12px/1 var(--n-font) !important; letter-spacing: 0 !important; padding: 5px 10px !important; border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important; background-image: none !important; color: #A0A5B1 !important;
  border: 1px solid rgba(255,255,255,.07) !important; box-shadow: none !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status--inprogress, .sp-course__status--notstarted) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; border-color: rgba(255,138,76,.3) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status--graded, .sp-course__status--submitted) { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__status--locked { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn {
  background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font: 500 14px/1 var(--n-font) !important; height: 40px !important; padding: 0 17px !important; filter: none !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn svg { color: #FF8A4C !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn:hover { background: rgba(255,255,255,.11) !important; transform: translateY(-1px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important; filter: none !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn:active { transform: scale(.95) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn--locked { background: rgba(255,255,255,.04) !important; color: #6B7080 !important; border-color: rgba(255,255,255,.05) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn--locked svg { color: #6B7080 !important; }

/* ── 6. subjects: small glass tiles; the rainbow top strip goes, the emoji stays ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card { border-radius: 20px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__strip { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__icon {
  background: var(--em-key) !important; border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__name { color: #FFFFFF !important; font: 600 16.5px/1.2 var(--n-font) !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__count { color: #8E95A5 !important; font: 400 13px/1.2 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card.is-disabled { opacity: .5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card.is-active, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card[aria-pressed="true"] { border-color: rgba(255,138,76,.45) !important; }

/* ── 7. side cards: your assistant, recent updates ──────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard__title { color: #FFFFFF !important; font: 600 17px/1.2 var(--n-font) !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-assistant-pill { background: var(--em-key) !important; color: #FFFFFF !important; border: 3px solid #1F2023 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice { border-bottom-color: rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice__title { color: #FFFFFF !important; font: 600 14.5px/1.35 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice__text { color: #8E95A5 !important; font: 400 13.5px/1.5 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard p, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard__empty { color: #8E95A5 !important; }

/* ── 8. the page heroes (Tests & Worksheets, Homework): lifted glass, no green or purple slab ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero, .sp-page-hero--purple, .sp-page-hero--green, .sp-page-hero--orange) {
  background: var(--em-glass) !important; background-color: transparent !important; color: #E6E7EA !important;
  border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important;
  border-radius: 24px !important; box-shadow: var(--em-lift) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero::before { background: radial-gradient(55% 80% at 95% 0%, rgba(255,106,31,.13), rgba(255,106,31,0) 70%) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon {
  background: var(--em-key) !important; color: #FF8A4C !important; border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 10px 20px -10px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon svg { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero__eyebrow, .sp-page-hero__kicker) { color: #8E95A5 !important; opacity: 1 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__title { color: #FFFFFF !important; font: 600 33px/1.1 var(--n-font) !important; letter-spacing: -1px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub { color: #A0A5B1 !important; opacity: 1 !important; font: 400 15.5px/1.55 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub b, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub strong { color: #FFFFFF !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat {
  background: rgba(0,0,0,.24) !important; border: 1px solid rgba(255,255,255,.07) !important; border-top-color: rgba(0,0,0,.4) !important; border-radius: 18px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-v { color: #FFFFFF !important; font: 500 28px/1 var(--n-font) !important; letter-spacing: -.8px !important; opacity: 1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-k { color: #8E95A5 !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.5px !important; opacity: 1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero .sp-rec-start-btn, .sp-page-hero__cta) {
  background: var(--em-or-fill) !important; color: #FFFFFF !important; border: 0 !important; border-radius: 999px !important;
  box-shadow: var(--em-or-shadow) !important; font: 600 15px/1 var(--n-font) !important; letter-spacing: -.2px !important; height: 46px !important; padding: 0 22px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero__cta) svg { color: #FFFFFF !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero__cta):hover { filter: brightness(1.06) !important; transform: translateY(-1px) !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero__cta):active { transform: scale(.95) !important; }

/* ── 9. Tests & Worksheets: subject groups of glass cards ───────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__header { border-bottom-color: rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__label { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; text-transform: uppercase !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__count { color: #6B7080 !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card,
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan {
  background: var(--em-glass) !important; background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-radius: 20px !important;
  box-shadow: none !important;
  transition: background-color .18s var(--em-ease), border-color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card, .sp-rec-card.sp-rec-plan):hover { border-color: rgba(255,255,255,.12) !important; border-top-color: rgba(255,255,255,.22) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.035)) !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan.is-expanded { border-color: rgba(255,255,255,.14) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan.is-expanded .sp-rec-plan-row { background: rgba(255,255,255,.035) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card--selected, .sp-rec-card.sp-rec-plan.sp-rec-card--selected) { border-color: rgba(255,138,76,.5) !important; box-shadow: 0 0 0 3px rgba(255,106,31,.1) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card--trashed, .sp-rec-card.sp-rec-plan.sp-rec-card--trashed) { opacity: .6 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__icon {
  background: var(--em-key) !important; color: #E6E7EA !important; border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__icon svg { color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card__title, .sp-rec-plan-title) { color: #FFFFFF !important; font-family: var(--n-font) !important; font-weight: 600 !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card__meta, .sp-rec-plan-sub, .sp-rec-card__meta-sep) { color: #8E95A5 !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__body { background: rgba(0,0,0,.22) !important; border: 1px solid rgba(255,255,255,.05) !important; border-top-color: rgba(0,0,0,.35) !important; border-radius: 14px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-k { color: #8E95A5 !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.5px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-v { color: #FFFFFF !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__bar, .asn-card__progress, .asn-card__track) { background: rgba(255,255,255,.08) !important; border-radius: 999px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__bar-fill, .asn-card__progress-fill, .asn-card__fill) { background: linear-gradient(90deg, #F2550D, #FF8A4C) !important; box-shadow: 0 0 10px rgba(255,106,31,.55) !important; border-radius: 999px !important; }
/* grades and states: white = done well, orange = needs you, grey = locked */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-badge, .asn-grade-badge--A, .asn-grade-badge--B, .asn-grade-badge--C, .asn-grade-badge--NY) {
  background: rgba(255,255,255,.09) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.14) !important; font-family: var(--n-font) !important; font-weight: 600 !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-badge--D, .asn-grade-badge--F) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; border: 1px solid rgba(255,138,76,.32) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__badge { font: 500 12px/1 var(--n-font) !important; padding: 5px 10px !important; box-shadow: none !important; background-image: none !important; border: 1px solid rgba(255,255,255,.07) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__badge--done, .asn-card__badge--awaiting) { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__badge--inprog, .asn-card__badge--new) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; border-color: rgba(255,138,76,.3) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__badge--locked { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__rec { background: rgba(255,255,255,.07) !important; color: #E6E7EA !important; }
/* the buttons on a card: quiet pills; Resume (needs you) carries the orange tint; Locked is a grey whisper */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn {
  font: 500 14px/1 var(--n-font) !important; border-radius: 999px !important; padding: 10px 16px !important;
  background: rgba(255,255,255,.06) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; filter: none !important;
  transition: background-color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary { background: rgba(255,106,31,.15) !important; color: #FF8A4C !important; border-color: rgba(255,138,76,.38) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary svg { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-btn--ghost-danger, .sp-rec-btn--danger) { background: rgba(255,90,95,.08) !important; color: #FF5A5F !important; border-color: rgba(255,90,95,.3) !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn:not(.sp-rec-btn--primary):not([disabled]):hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; transform: translateY(-1px) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary:hover { background: rgba(255,106,31,.22) !important; transform: translateY(-1px) !important; }
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn:active { transform: scale(.95) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn[disabled], html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn.is-locked { background: rgba(255,255,255,.035) !important; color: #6B7080 !important; border-color: rgba(255,255,255,.05) !important; }

/* ── 10. Homework and Writing Practice: the segmented track, quiet filters, glass rows ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs {
  border: 0 !important; background: rgba(0,0,0,.28) !important; border-radius: 999px !important; padding: 4px !important; gap: 4px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important; width: fit-content !important; display: inline-flex !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__underline { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn { color: #A0A5B1 !important; border-radius: 999px !important; height: 38px !important; padding: 0 16px !important; font: 600 14.5px/1 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn .sp-rec-tabs__lbl { color: inherit !important; font: inherit !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active {
  color: #FFFFFF !important; background: var(--em-key-on) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__count, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active .sp-rec-tabs__count { background: rgba(255,255,255,.1) !important; background-image: none !important; color: #E6E7EA !important; box-shadow: none !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active .sp-rec-tabs__count { background: rgba(255,255,255,.16) !important; color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip) {
  background: rgba(255,255,255,.05) !important; color: #A0A5B1 !important; border: 1px solid rgba(255,255,255,.08) !important; box-shadow: none !important;
  font: 500 13.5px/1 var(--n-font) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip) :is(.sp-hw-filter__lbl) { color: inherit !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip.is-active, .sp-rec-chip.is-active) {
  background: var(--em-key-on) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important;
}
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip):not(.is-active):hover { background: rgba(255,255,255,.09) !important; color: #FFFFFF !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__cnt, .sp-rec-chip__count, .sp-hw-filter__chip.is-active .sp-hw-filter__cnt, .sp-rec-chip.is-active .sp-rec-chip__count) { background: rgba(255,255,255,.1) !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hw-filter__dot--rec { background: #FF8A4C !important; box-shadow: 0 0 0 2px rgba(255,106,31,.18) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hw-filter__dot--off { background: #8E95A5 !important; box-shadow: 0 0 0 2px rgba(142,149,165,.18) !important; }
/* the row's state icon and words: orange = to do / not finished, white = done, grey = waiting */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-pending { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-in-progress { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-completed { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-need-help { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-failed { color: #FF5A5F !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge { font: 600 11px/1 var(--n-font) !important; letter-spacing: 1.1px !important; padding: 6px 10px !important; box-shadow: none !important; background-image: none !important; border: 1px solid transparent !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-plan-badge.is-pending, .sp-rec-plan-badge.is-in-progress, .sp-rec-plan-badge.is-need-help) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; border-color: rgba(255,138,76,.3) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge.is-completed { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge.is-failed { background: rgba(255,90,95,.1) !important; color: #FF5A5F !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-tag { background: rgba(255,255,255,.06) !important; background-image: none !important; color: #A0A5B1 !important; border: 1px solid rgba(255,255,255,.07) !important; box-shadow: none !important; border-radius: 999px !important; font-family: var(--n-font) !important; text-transform: capitalize !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-chev { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-plan-subtask-name, .sp-rec-plan-subtask-desc) { color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-subtask-count { background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-ts-chip { background: rgba(255,255,255,.05) !important; color: #A0A5B1 !important; border-color: rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-subtasks > .sp-rec-plan-subtasks__inner::before { border-left-color: rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-status { font-family: var(--n-font) !important; font-weight: 600 !important; letter-spacing: 1px !important; border: 1px solid transparent !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--notfinished, .sp-rec-status--notstarted, .sp-rec-status--live) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; border-color: rgba(255,138,76,.3) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--done, .sp-rec-status--saved) { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--expired, .sp-rec-status--ended) { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__check-box { background: rgba(0,0,0,.28) !important; border: 1.5px solid rgba(255,255,255,.18) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__check input:checked + .sp-rec-card__check-box { background: #FF6A1F !important; border-color: #FF6A1F !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-section__header, .sp-rec-section__header--green, .sp-rec-section__header--purple, .sp-rec-section__header--blue, .sp-rec-section__header--orange) {
  background: rgba(255,255,255,.04) !important; background-image: none !important; border-left: 3px solid rgba(255,255,255,.18) !important; border-radius: 16px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__header--orange { border-left-color: #FF6A1F !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__title { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__count { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-section__empty, .sp-rec-empty) { background: rgba(0,0,0,.2) !important; border: 1px solid rgba(255,255,255,.06) !important; color: #8E95A5 !important; border-radius: 18px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-empty__title { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-empty__icon { background: var(--em-key) !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-metric, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__meta-chip, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-meta { background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; border-color: rgba(255,255,255,.07) !important; }

/* ── 11. Files ───────────────────────────────────────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-eyebrow { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-h1 { color: #FFFFFF !important; font: 600 33px/1.1 var(--n-font) !important; letter-spacing: -1px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-sub { color: #A0A5B1 !important; font: 400 15.5px/1.5 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-chips-row__head, .kf-chips-row__head--life) { color: #8E95A5 !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.6px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip {
  background: rgba(255,255,255,.05) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  font: 500 13.5px/1 var(--n-font) !important; height: 34px !important; padding: 0 14px !important;
  transition: background-color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip--all { color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip.is-on { background: var(--em-key-on) !important; color: #FF8A4C !important; border-color: rgba(255,255,255,.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip:not(.is-on):hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip:active { transform: scale(.95) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important;
  border-radius: 20px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8) !important;
  transition: transform .18s var(--em-ease), border-color .18s var(--em-ease) !important;
}
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card:hover { transform: translateY(-1px) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-top-color: rgba(255,255,255,.26) !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card:active { transform: scale(.985) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__stripe { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__icon { background: var(--em-key) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.15) !important; border-radius: 14px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__subject { color: #8E95A5 !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.5px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__name { color: #FFFFFF !important; font: 600 15.5px/1.3 var(--n-font) !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__caption { color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__meta { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__arrow { color: #6B7080 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-empty, .kidcal-empty) { background: rgba(0,0,0,.2) !important; border: 1px solid rgba(255,255,255,.06) !important; color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-empty__title, .kidcal-empty__title) { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-empty svg { color: #FF8A4C !important; }

/* ── 12. Calendar: a glass month; sessions as graphite chips with a marker in their colour, labels white ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__eyebrow { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__h1 { color: #FFFFFF !important; font: 600 33px/1.1 var(--n-font) !important; letter-spacing: -1px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav, .kidcal__toggle) {
  background: rgba(0,0,0,.28) !important; border-radius: 999px !important; padding: 4px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav-btn, .kidcal__toggle-btn) { color: #A0A5B1 !important; border-radius: 999px !important; font: 600 14.5px/1 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__nav-btn--today { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__toggle-btn.is-on { background: var(--em-key-on) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav-btn, .kidcal__toggle-btn:not(.is-on)):hover { background: rgba(255,255,255,.07) !important; color: #FFFFFF !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important;
  border-radius: 24px !important; box-shadow: var(--em-lift) !important; overflow: hidden !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow-cell { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow-cell + .kidcal-calendar__dow-cell { border-left-color: rgba(255,255,255,.05) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day { background: transparent !important; border-top-color: rgba(255,255,255,.06) !important; border-left-color: rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-dim { background: rgba(0,0,0,.16) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-dim .kidcal-day__num { color: #6B7080 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today { background: rgba(255,106,31,.06) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today::after { background: linear-gradient(90deg, #F2550D, #FF8A4C) !important; animation: none !important; box-shadow: 0 0 10px rgba(255,106,31,.6) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__num { color: #E6E7EA !important; font-family: var(--n-font) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today .kidcal-day__num { background: var(--em-or-fill) !important; color: #FFFFFF !important; box-shadow: 0 0 12px rgba(255,106,31,.55) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__today { background: rgba(255,106,31,.15) !important; color: #FF8A4C !important; border: 1px solid rgba(255,138,76,.35) !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__more { color: #8E95A5 !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day:hover { background: rgba(255,255,255,.035) !important; } }
/* the tiles were coloured by subject (pink English, blue Math…): in Ember a session is a graphite chip with a white
   marker, and work that is due is the orange one — it needs the child */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile {
  background: rgba(255,255,255,.07) !important; color: #FFFFFF !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important; border-radius: 10px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile::before { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__stripe { width: 3px !important; background: rgba(255,255,255,.6) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile--assignment { background: rgba(255,106,31,.12) !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.22) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile--assignment .kidcal-tile__stripe { background: #FF6A1F !important; box-shadow: 0 0 8px rgba(255,106,31,.7) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-dim .kidcal-tile { opacity: .55 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__subject { color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal-tile__title, .kidcal-tile__meta) { color: #FFFFFF !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__meta { color: #A0A5B1 !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:hover { filter: brightness(1.15) !important; } }
/* the comic character is art; its speech bubble becomes a sheet */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal-comic__bubble, .kidcal-comic__tail) { background: var(--em-sheet) !important; border-color: rgba(255,255,255,.14) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__bubble { box-shadow: 0 14px 30px -12px rgba(0,0,0,.9) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__text { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__img { background: #1F2023 !important; border-color: rgba(255,255,255,.18) !important; box-shadow: 0 8px 18px -8px rgba(0,0,0,.9) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__name { background: rgba(22,23,27,.9) !important; color: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kid-load__eyebrow, .kid-load__title, .kid-load__sub, .kid-load__card) { background: rgba(255,255,255,.06) !important; }

/* ── 13. the Recordings gate, the grade sheet, the toast ────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card {
  background-color: var(--em-sheet) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 40%) !important;
  border: 0 !important; border-radius: 26px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__icon { background: var(--em-key) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__icon svg { color: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card h2 { color: #FFFFFF !important; font-family: var(--n-font) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card p { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card button { background: rgba(255,255,255,.06) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__demo { background: rgba(255,255,255,.05) !important; color: #A0A5B1 !important; border: 1px dashed rgba(255,255,255,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal-backdrop, .asn-grade-backdrop) { background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal, .asn-grade-modal) {
  background-color: var(--em-sheet) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 40%) !important;
  border-radius: 26px !important; color: #E6E7EA !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__head, .asn-grade-modal__head) { background: transparent !important; color: #FFFFFF !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-modal__head::before, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-modal__head::after { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-modal__head h3, .asn-grade-modal__head h3 span, .sp-modal__title) { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-modal__eyebrow { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.1) !important; color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__close, .asn-grade-modal__close) {
  background: var(--em-key) !important; color: #E6E7EA !important; border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__actions, .asn-grade-modal__foot) { background: transparent !important; border-top: 1px solid rgba(255,255,255,.07) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-input, .sp-select, .sp-textarea) {
  background: rgba(0,0,0,.28) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important;
  border-radius: 14px !important; caret-color: #FF6A1F !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-btn--primary) { background: var(--em-or-fill) !important; color: #FFFFFF !important; border: 0 !important; border-radius: 999px !important; box-shadow: var(--em-or-shadow) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-btn--ghost) { background: rgba(255,255,255,.06) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 999px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-toast {
  background: rgba(22,23,27,.92) !important; color: #FFFFFF !important; border-radius: 999px !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important; backdrop-filter: blur(20px) saturate(1.3) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 18px 40px -16px rgba(0,0,0,.9) !important; font-family: var(--n-font) !important;
}
/* 2026-10-03 (Caleb: the thick left colour on calendar sessions is "distracting and weird") — no stripe on a session tile */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__stripe { display: none !important; }

/* ── 14. on a phone (≤760px) and an iPad held upright (≤1000px), 2026-10-03 phone pass ──────────────────────────────
   On a phone only a child sees this page this way (an adult's or teen's phone opens the family app's own Education
   page). The tabs' page heroes and lists sat inside a 40px-padded shell, so a hero's words ran one per line; the
   stats were three tall tiles one under another; the calendar's TODAY tag sat on top of the next day. Here: one 16px
   gutter, the heroes stacked (icon, words, stats two by two), the stats three across, the subjects two by two, the
   calendar's chips cut to the time, every list card full width, and room at the foot for the floating tab bar. */
@media (max-width: 760px) {
  /* the frame */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) { padding-bottom: calc(104px + max(0px, env(safe-area-inset-bottom))) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-content { padding: 14px 16px 12px !important; min-width: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-topbar { gap: 10px !important; margin-bottom: 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-shell {
    padding: 0 !important; min-height: 0 !important; border-radius: 0 !important; overflow: visible !important;
    background: transparent !important; box-shadow: none !important; border: 0 !important;
  }

  /* the overview's hero: big friendly hello, the one orange action full width */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero { padding: 22px 20px 20px !important; border-radius: 24px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__title { font-size: 30px !important; line-height: 1.1 !important; letter-spacing: -.9px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__sub { font-size: 15.5px !important; line-height: 1.5 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta-row { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta {
    justify-content: center !important; text-align: center !important; min-height: 54px !important; box-sizing: border-box !important;
    padding: 10px 22px !important; line-height: 1.25 !important; border-radius: 27px !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--primary { font-size: 16px !important; }

  /* "Your work": three across, compact */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat { min-height: 0 !important; padding: 14px 12px 13px !important; gap: 10px !important; border-radius: 20px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__icon { width: 36px !important; height: 36px !important; border-radius: 11px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__icon svg { width: 18px !important; height: 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__value { font-size: 28px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__label { font-size: 13px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section { margin-bottom: 24px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section-h { margin-bottom: 12px !important; }

  /* assignment cards: full width, the button a full 44px */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course { padding: 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn { min-height: 44px !important; box-sizing: border-box !important; }

  /* the subjects two by two */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card { padding: 16px !important; min-height: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__count { font-size: 13px !important; }

  /* the tabs' page heroes (Tests & Worksheets, Homework, Writing Practice): stacked, never squeezed */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero, .sp-page-hero--purple, .sp-page-hero--green, .sp-page-hero--orange) {
    grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 20px 18px 18px !important; margin-bottom: 20px !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero > * { grid-column: 1 / -1 !important; min-width: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon { width: 48px !important; height: 48px !important; border-radius: 14px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon svg { width: 24px !important; height: 24px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__title { font-size: 28px !important; letter-spacing: -.8px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub { font-size: 15px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 2px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat { padding: 12px 14px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-v { font-size: 24px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-k { font-size: 11.5px !important; white-space: nowrap !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__cta { justify-self: stretch !important; margin-top: 2px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero > .ff-tooltip-wrap { display: block !important; width: 100% !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero__cta :is(a, button), .sp-page-hero button.sp-page-hero__cta, .sp-page-hero a.sp-page-hero__cta) { width: 100% !important; justify-content: center !important; min-height: 52px !important; box-sizing: border-box !important; }

  /* the Homework / Writing Practice switch, the filters, the row actions: 44px to the touch */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn { min-height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__count { font-size: 12px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .kf-chip) { min-height: 44px !important; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 13.5px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hw-filter__cnt { font-size: 12px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-btn, .sp-rec-plan-actions .sp-rec-btn) { min-height: 44px !important; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 14px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-plan-sub, .sp-date-group__label, .sp-date-group__count) { font-size: 13px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__meta { font-size: 13px !important; }

  /* Tests & Worksheets cards */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card { padding: 16px !important; gap: 12px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-k { font-size: 11.5px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-v { font-size: 14px !important; }

  /* the calendar: the TODAY tag steps aside (today's number is lit), each chip shows its time */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__today { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-day { min-height: 74px !important; padding: 5px 3px 6px !important; gap: 4px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-day__head { justify-content: center !important; min-height: 26px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-day__num { font-size: 14px !important; min-width: 26px !important; height: 26px !important; padding: 0 !important; border-radius: 999px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-tile { padding: 4px 2px !important; justify-content: center !important; border-radius: 8px !important; min-height: 24px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month :is(.kidcal-tile__title, .kidcal-tile__subject) { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-tile__body { align-items: center !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-tile__meta { font: 600 11px/1.1 var(--n-font) !important; letter-spacing: -.2px !important; white-space: nowrap !important; opacity: 1 !important; text-align: center !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-tile__meta::before { content: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__grid--month .kidcal-tile__stripe { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow-cell { padding: 10px 0 !important; font-size: 11px !important; letter-spacing: .06em !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__nav-btn { min-width: 44px !important; height: 44px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__toggle-btn { min-height: 44px !important; padding: 0 18px !important; }
}

/* an iPad held upright: the overview hero's art moves up beside the words, so it never sits on the orange action */
@media (min-width: 761px) and (max-width: 1000px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__scene { width: 172px !important; height: 144px !important; top: 18px !important; right: 18px !important; transform: none !important; animation: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hero__date, .sp-hero__title, .sp-hero__sub) { max-width: calc(100% - 180px) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta-row { position: relative !important; z-index: 2 !important; }
}

/* ══ EMBER LIGHT — GENERATED by tools/gen-ember-light.py from the Ember rules above; do not hand-edit ══ */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { --sp-bg:#F6F7F9; --sp-bg-2:#F6F7F9; --sp-card:#FFFFFF; --sp-card-2:rgba(17,19,24,.04); --sp-border:rgba(17,19,24,.068); --sp-border-strong:rgba(17,19,24,.119); --sp-ink:#111318; --sp-ink-2:#2A2D35; --sp-ink-mute:#646B7A; --sp-ink-dim:#8A90A0; --sp-purple:#E5540F; --sp-purple-deep:#E5540F; --sp-purple-soft:#E5540F; --sp-purple-fade:rgba(17,19,24,.042); --sp-purple-fade-2:rgba(17,19,24,.04); --sp-accent-yellow:#E5540F; --sp-accent-orange:#E5540F; --sp-success:#FFFFFF; --sp-hero-grad:linear-gradient(180deg, #FF6E29, #F4560E); --sp-nav-grad:linear-gradient(180deg, #FFFFFF, #F6F7F9); --sp-shadow-card:none; --sp-shadow-deep:none; --sp-shadow-hover:0 22px 40px -24px rgba(17,19,24,.187); --sp-radius:24px; --sp-radius-sm:16px; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body { background-color:#F6F7F9; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-card { background:transparent !important; box-shadow:none !important; border:0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-shell { background:transparent !important; box-shadow:none !important; border:0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input { background:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; color:#111318 !important; caret-color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input::placeholder { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search input:focus { background:rgba(17,19,24,.061) !important; border-color:rgba(229,84,15,.44) !important; box-shadow:0 0 0 4px rgba(255,106,31,.066) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-search svg { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__avatar { background:var(--em-or-fill) !important; box-shadow:0 0 0 2px #FFFFFF !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-user__role { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero { background:var(--em-glass) !important; background-size:auto !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:var(--em-lift) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero::before { background:radial-gradient(60% 90% at 92% 50%, rgba(255,106,31,.16), rgba(255,106,31,0) 70%) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__date { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__sub { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--primary { background:var(--em-or-fill) !important; color:#FFFFFF !important; border:0 !important; box-shadow:var(--em-or-shadow) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--ghost { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section-h__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-section-h__link, .sp-sidecard__link, .sp-notice__link) { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-section-h + div > a[href], html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #spCoursesView > div > a { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard { background:var(--em-glass) !important; background-color:transparent !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat.is-active { border-color:rgba(229,84,15,.28) !important; border-top-color:rgba(229,84,15,.4) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat::after { background:linear-gradient(90deg, rgba(255,106,31,0), #FF6A1F 30%, #FF8A4C 70%, rgba(255,106,31,0)) !important; box-shadow:0 0 12px rgba(255,106,31,.385) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__icon { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.15) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat.is-active .sp-stat__icon, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat:hover .sp-stat__icon { background:var(--em-key-on) !important; color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__value { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-stat__label { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__icon { background:var(--em-key) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.15), 0 10px 18px -10px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__subject { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__meta { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status, .sp-course__kind) { background:rgba(17,19,24,.06) !important; background-image:none !important; color:#5A606E !important; border:1px solid rgba(17,19,24,.06) !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status--inprogress, .sp-course__status--notstarted) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; border-color:rgba(229,84,15,.24) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-course__status--graded, .sp-course__status--submitted) { background:rgba(17,19,24,.08) !important; color:#111318 !important; border-color:rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__status--locked { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn { background:rgba(17,19,24,.04) !important; color:#111318 !important; border:1px solid rgba(17,19,24,.085) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; filter:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn svg { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn--locked { background:rgba(17,19,24,.04) !important; color:#8A90A0 !important; border-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn--locked svg { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__icon { background:var(--em-key) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.15) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card__count { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card.is-active, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-subject-card[aria-pressed="true"] { border-color:rgba(229,84,15,.36) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-assistant-pill { background:var(--em-key) !important; color:#111318 !important; border:3px solid #E2E4E9 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.108) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice { border-bottom-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-notice__text { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard p, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-sidecard__empty { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero, .sp-page-hero--purple, .sp-page-hero--green, .sp-page-hero--orange) { background:var(--em-glass) !important; background-color:transparent !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:var(--em-lift) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero::before { background:radial-gradient(55% 80% at 95% 0%, rgba(255,106,31,.13), rgba(255,106,31,0) 70%) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon { background:var(--em-key) !important; color:#E5540F !important; border:0 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 10px 20px -10px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__icon svg { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-page-hero__eyebrow, .sp-page-hero__kicker) { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub b, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__sub strong { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat { background:rgba(17,19,24,.043) !important; border:1px solid rgba(17,19,24,.06) !important; border-top-color:rgba(17,19,24,.1) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-v { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-page-hero__stat-k { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero .sp-rec-start-btn, .sp-page-hero__cta) { background:var(--em-or-fill) !important; color:#FFFFFF !important; border:0 !important; box-shadow:var(--em-or-shadow) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero__cta) svg { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__header { border-bottom-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__label { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__count { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan { background:var(--em-glass) !important; background-color:transparent !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan.is-expanded { border-color:rgba(17,19,24,.119) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan.is-expanded .sp-rec-plan-row { background:rgba(17,19,24,.04) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card--selected, .sp-rec-card.sp-rec-plan.sp-rec-card--selected) { border-color:rgba(229,84,15,.4) !important; box-shadow:0 0 0 3px rgba(255,106,31,.055) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__icon { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__icon svg { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card__title, .sp-rec-plan-title) { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card__meta, .sp-rec-plan-sub, .sp-rec-card__meta-sep) { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__body { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.06) !important; border-top-color:rgba(17,19,24,.087) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-k { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__stat-v { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__bar, .asn-card__progress, .asn-card__track) { background:rgba(17,19,24,.048) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__bar-fill, .asn-card__progress-fill, .asn-card__fill) { background:linear-gradient(90deg, #F2550D, #FF8A4C) !important; box-shadow:0 0 10px rgba(255,106,31,.303) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-badge, .asn-grade-badge--A, .asn-grade-badge--B, .asn-grade-badge--C, .asn-grade-badge--NY) { background:rgba(17,19,24,.054) !important; color:#111318 !important; border:1px solid rgba(17,19,24,.119) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-badge--D, .asn-grade-badge--F) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; border:1px solid rgba(229,84,15,.256) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__badge { box-shadow:none !important; background-image:none !important; border:1px solid rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__badge--done, .asn-card__badge--awaiting) { background:rgba(17,19,24,.048) !important; color:#111318 !important; border-color:rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__badge--inprog, .asn-card__badge--new) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; border-color:rgba(229,84,15,.24) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__badge--locked { background:rgba(17,19,24,.04) !important; color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .asn-card__rec { background:rgba(17,19,24,.042) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; filter:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary { background:rgba(255,106,31,.15) !important; color:#E5540F !important; border-color:rgba(229,84,15,.304) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary svg { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-btn--ghost-danger, .sp-rec-btn--danger) { background:rgba(217,59,64,.08) !important; color:#D93B40 !important; border-color:rgba(217,59,64,.3) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn[disabled], html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn.is-locked { background:rgba(17,19,24,.04) !important; color:#8A90A0 !important; border-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs { border:0 !important; background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn .sp-rec-tabs__lbl { color:inherit !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active { color:#111318 !important; background:var(--em-key-on) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__count, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active .sp-rec-tabs__count { background:rgba(17,19,24,.1) !important; background-image:none !important; color:#2A2D35 !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-tabs__btn.is-active .sp-rec-tabs__count { background:rgba(17,19,24,.16) !important; color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip) { background:rgba(17,19,24,.04) !important; color:#5A606E !important; border:1px solid rgba(17,19,24,.068) !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip) :is(.sp-hw-filter__lbl) { color:inherit !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip.is-active, .sp-rec-chip.is-active) { background:var(--em-key-on) !important; color:#111318 !important; border-color:rgba(17,19,24,.102) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__cnt, .sp-rec-chip__count, .sp-hw-filter__chip.is-active .sp-hw-filter__cnt, .sp-rec-chip.is-active .sp-rec-chip__count) { background:rgba(17,19,24,.1) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hw-filter__dot--rec { background:#FF8A4C !important; box-shadow:0 0 0 2px rgba(255,106,31,.099) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hw-filter__dot--off { background:#8E95A5 !important; box-shadow:0 0 0 2px rgba(142,149,165,.18) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-pending { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-in-progress { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-completed { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-need-help { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-status.is-failed { color:#D93B40 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge { box-shadow:none !important; background-image:none !important; border:1px solid transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-plan-badge.is-pending, .sp-rec-plan-badge.is-in-progress, .sp-rec-plan-badge.is-need-help) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; border-color:rgba(229,84,15,.24) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge.is-completed { background:rgba(17,19,24,.048) !important; color:#111318 !important; border-color:rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-badge.is-failed { background:rgba(217,59,64,.1) !important; color:#D93B40 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-tag { background:rgba(17,19,24,.04) !important; background-image:none !important; color:#5A606E !important; border:1px solid rgba(17,19,24,.06) !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-chev { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-plan-subtask-name, .sp-rec-plan-subtask-desc) { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-subtask-count { background:rgba(17,19,24,.08) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-ts-chip { background:rgba(17,19,24,.04) !important; color:#5A606E !important; border-color:rgba(17,19,24,.068) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-subtasks > .sp-rec-plan-subtasks__inner::before { border-left-color:rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-status { border:1px solid transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--notfinished, .sp-rec-status--notstarted, .sp-rec-status--live) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; border-color:rgba(229,84,15,.24) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--done, .sp-rec-status--saved) { background:rgba(17,19,24,.08) !important; color:#111318 !important; border-color:rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-status--expired, .sp-rec-status--ended) { background:rgba(17,19,24,.06) !important; color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__check-box { background:rgba(17,19,24,.05) !important; border:1.5px solid rgba(17,19,24,.153) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__check input:checked + .sp-rec-card__check-box { background:#FF6A1F !important; border-color:rgba(229,84,15,.8) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-section__header, .sp-rec-section__header--green, .sp-rec-section__header--purple, .sp-rec-section__header--blue, .sp-rec-section__header--orange) { background:rgba(17,19,24,.04) !important; background-image:none !important; border-left:3px solid rgba(17,19,24,.153) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__header--orange { border-left-color:rgba(229,84,15,.8) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-section__count { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-section__empty, .sp-rec-empty) { background:rgba(17,19,24,.036) !important; border:1px solid rgba(17,19,24,.06) !important; color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-empty__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-empty__icon { background:var(--em-key) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-metric, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__meta-chip, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-plan-meta { background:rgba(17,19,24,.04) !important; color:#5A606E !important; border-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-eyebrow { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-h1 { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-sub { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-chips-row__head, .kf-chips-row__head--life) { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip--all { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip.is-on { background:var(--em-key-on) !important; color:#E5540F !important; border-color:rgba(17,19,24,.119) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__icon { background:var(--em-key) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.15) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__subject { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__caption { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__meta { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card__arrow { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-empty, .kidcal-empty) { background:rgba(17,19,24,.036) !important; border:1px solid rgba(17,19,24,.06) !important; color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kf-empty__title, .kidcal-empty__title) { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-empty svg { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__eyebrow { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__h1 { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav, .kidcal__toggle) { background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav-btn, .kidcal__toggle-btn) { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__nav-btn--today { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal__toggle-btn.is-on { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; box-shadow:var(--em-lift) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow { background:transparent !important; border-bottom:1px solid rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow-cell { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-calendar__dow-cell + .kidcal-calendar__dow-cell { border-left-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day { background:transparent !important; border-top-color:rgba(17,19,24,.06) !important; border-left-color:rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-dim { background:rgba(17,19,24,.03) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-dim .kidcal-day__num { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today { background:rgba(255,106,31,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today::after { background:linear-gradient(90deg, #F2550D, #FF8A4C) !important; box-shadow:0 0 10px rgba(255,106,31,.33) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__num { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day.is-today .kidcal-day__num { background:var(--em-or-fill) !important; color:#FFFFFF !important; box-shadow:0 0 12px rgba(255,106,31,.303) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__today { background:rgba(255,106,31,.15) !important; color:#E5540F !important; border:1px solid rgba(229,84,15,.28) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day__more { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile { background:rgba(17,19,24,.042) !important; color:#111318 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__stripe { background:rgba(255,255,255,.97) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile--assignment { background:rgba(255,106,31,.12) !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.121) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile--assignment .kidcal-tile__stripe { background:#FF6A1F !important; box-shadow:0 0 8px rgba(255,106,31,.385) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__subject { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal-tile__title, .kidcal-tile__meta) { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile__meta { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal-comic__bubble, .kidcal-comic__tail) { background:var(--em-sheet) !important; border-color:rgba(17,19,24,.119) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__bubble { box-shadow:0 14px 30px -12px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__text { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__img { background:#FFFFFF !important; border-color:rgba(17,19,24,.153) !important; box-shadow:0 8px 18px -8px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-comic__name { background:rgba(255,255,255,.97) !important; color:#111318 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.108) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kid-load__eyebrow, .kid-load__title, .kid-load__sub, .kid-load__card) { background:rgba(17,19,24,.04) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card { background-color:var(--em-sheet) !important; background-image:linear-gradient(180deg, rgba(255,255,255,.675), rgba(255,255,255,0) 40%) !important; border:0 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.072), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__icon { background:var(--em-key) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__icon svg { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card h2 { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card p { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__card button { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-gate__demo { background:rgba(17,19,24,.04) !important; color:#5A606E !important; border:1px dashed rgba(17,19,24,.102) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal-backdrop, .asn-grade-backdrop) { background:rgba(17,19,24,.275) !important; backdrop-filter:blur(8px) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal, .asn-grade-modal) { background-color:var(--em-sheet) !important; background-image:linear-gradient(180deg, rgba(255,255,255,.675), rgba(255,255,255,0) 40%) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.072), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__head, .asn-grade-modal__head) { background:transparent !important; color:#111318 !important; border-bottom:1px solid rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-grade-modal__head h3, .asn-grade-modal__head h3 span, .sp-modal__title) { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-modal__eyebrow { background:rgba(17,19,24,.04) !important; border-color:rgba(17,19,24,.085) !important; color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__close, .asn-grade-modal__close) { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-modal__actions, .asn-grade-modal__foot) { background:transparent !important; border-top:1px solid rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-input, .sp-select, .sp-textarea) { background:rgba(17,19,24,.05) !important; color:#111318 !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; caret-color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-btn--primary) { background:var(--em-or-fill) !important; color:#FFFFFF !important; border:0 !important; box-shadow:var(--em-or-shadow) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-btn--ghost) { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.076) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-toast { background:rgba(255,255,255,.97) !important; color:#111318 !important; backdrop-filter:blur(20px) saturate(1.3) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), 0 18px 40px -16px rgba(17,19,24,.198) !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--primary:hover { filter:brightness(1.06) !important; box-shadow:var(--em-or-shadow) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-hero__cta--ghost:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-stat, .sp-course, .sp-subject-card:not(.is-disabled), .sp-sidecard):hover { background-image:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-color:rgba(17,19,24,.102) !important; border-top-color:rgba(17,19,24,.16) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 24px 42px -24px rgba(17,19,24,.198) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-course__btn:hover { background:rgba(17,19,24,.055) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important; filter:none !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-start-btn, .sp-page-hero__cta):hover { filter:brightness(1.06) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-card, .sp-rec-card.sp-rec-plan):hover { border-color:rgba(17,19,24,.102) !important; border-top-color:rgba(17,19,24,.16) !important; background-image:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn:not(.sp-rec-btn--primary):not([disabled]):hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-btn--primary:hover { background:rgba(255,106,31,.22) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip):not(.is-active):hover { background:rgba(17,19,24,.045) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip:not(.is-on):hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-card:hover { background-image:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-top-color:rgba(17,19,24,.16) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.kidcal__nav-btn, .kidcal__toggle-btn:not(.is-on)):hover { background:rgba(17,19,24,.035) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-day:hover { background:rgba(17,19,24,.035) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:hover { filter:brightness(1.15) !important; }
}
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-shell { background:transparent !important; box-shadow:none !important; border:0 !important; }
}
/* ══ end EMBER LIGHT (generated) ══ */


/* ── Ember Light — by hand (2026-10-03) — student-education: the success token, card glyphs, counts, filter chips, calendar tiles */
/* The page's own sheet strokes each assignment's glyph white (stroke:#fff), so on the light key it vanished; the counts
   in the tabs and filters were white capsules on white chips; a chosen filter differed from the others only by its
   label, so the others step back to a hairline outline; the calendar's lesson tiles were white on the white grid, so
   they become light wells with an ink stripe (an assignment keeps its orange stripe). */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { --sp-success: #111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card__icon svg { color: #2A2D35 !important; stroke: currentColor !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-rec-tabs__count, .sp-rec-tabs__btn.is-active .sp-rec-tabs__count, .sp-hw-filter__cnt, .sp-rec-chip__count, .sp-hw-filter__chip.is-active .sp-hw-filter__cnt, .sp-rec-chip.is-active .sp-rec-chip__count, .sp-rec-plan-subtask-count, .asn-card__rec) { background: rgba(17,19,24,.065) !important; color: #2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip):not(.is-active),
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip:not(.is-on) { background: transparent !important; border-color: rgba(17,19,24,.12) !important; box-shadow: none !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.sp-hw-filter__chip, .sp-rec-chip):not(.is-active):hover,
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kf-chip:not(.is-on):hover { background: rgba(17,19,24,.05) !important; color: #111318 !important; }
}
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.asn-card__bar, .asn-card__progress, .asn-card__track) { background: rgba(17,19,24,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-rec-card.sp-rec-plan.is-expanded .sp-rec-plan-row { background: rgba(17,19,24,.03) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:not(.kidcal-tile--assignment) { background: rgba(17,19,24,.045) !important; box-shadow: inset 0 0 0 1px rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:not(.kidcal-tile--assignment) .kidcal-tile__stripe { background: #2A2D35 !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:hover { filter: none !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile:not(.kidcal-tile--assignment):hover { background: rgba(17,19,24,.075) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .kidcal-tile--assignment:hover { background: rgba(255,106,31,.17) !important; }
}
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .sp-date-group__count { color: #646B7A !important; }