:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-brand) 60%, #ababab);--brand-glass-base:var(--csstools-light-dark-toggle--0,color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4));--brand-glass-bg-rest:color-mix(in oklab, var(--brand-glass-base) 10%, transparent);--brand-glass-bg-hover:color-mix(in oklab, var(--brand-glass-base) 24%, transparent);--brand-glass-bg-pressed:color-mix(in oklab, var(--brand-glass-base) 26%, transparent);--brand-glass-border:color-mix(in oklab, var(--brand-glass-base) 24%, transparent);--brand-glass-hero-bg-hover:linear-gradient(135deg, color-mix(in oklab, var(--brand-glass-base) 32%, transparent), color-mix(in oklab, var(--brand-glass-base) 14%, transparent));--brand-glass-hero-border:color-mix(in oklab, var(--brand-glass-base) 35%, transparent);--brand-glass-hero-border-hover:color-mix(in oklab, var(--brand-glass-base) 55%, transparent);--shadow-learner-bubble:inset 0 1px 0 #ffffffb3, 0 1px 0 #0000000a, 0 10px 30px -16px #23077473, 0 8px 18px -12px #03042c66;--tutor-bubble-bg:linear-gradient(180deg, color-mix(in oklab, var(--brand-glass-base) 22%, transparent), color-mix(in oklab, var(--brand-glass-base) 13%, transparent));--tutor-bubble-border:color-mix(in oklab, var(--brand-glass-base) 30%, transparent);--learner-bubble-bg:#fcfcfc;--learner-bubble-bg-top:#fff;--learner-bubble-bg-bottom:#f9f9fb;--learner-bubble-border:#dddde3;--learner-bubble-pron-good:var(--learner-bubble-text);--learner-bubble-pron-ok:#915b00;--learner-bubble-pron-poor:#bc001d;--learner-bubble-pron-good-soft:transparent;--learner-bubble-pron-ok-soft:#f7cb586b;--learner-bubble-pron-poor-soft:#ff72664d;--learner-bubble-pron-ok-underline:#915b008c;--learner-bubble-pron-poor-underline:#bc001d9e;--learner-bubble-text:#272832;--learner-detail-popup-bg:linear-gradient(180deg, color-mix(in oklab, var(--learner-bubble-bg-top) 96%, transparent), color-mix(in oklab, var(--learner-bubble-bg-bottom) 96%, transparent));--tutor-feedback-popup-bg:#152d44f2;--learner-detail-popup-border:color-mix(in oklab, var(--learner-bubble-border) 100%, transparent);--learner-detail-popup-shadow:0 1px 0 #fff9 inset, 0 12px 26px -14px #03042c73;--learner-detail-ink-strong:var(--learner-bubble-text);--learner-detail-ink-muted:color-mix(in oklab, var(--learner-bubble-text) 78%, transparent);--learner-detail-ink-mid:color-mix(in oklab, var(--learner-bubble-text) 70%, transparent);--learner-detail-ink-mid-soft:color-mix(in oklab, var(--learner-bubble-text) 68%, transparent);--learner-detail-ink-subtle:color-mix(in oklab, var(--learner-bubble-text) 65%, transparent);--learner-detail-ink-gloss:color-mix(in oklab, var(--learner-bubble-text) 62%, transparent);--learner-detail-ink-faint:color-mix(in oklab, var(--learner-bubble-text) 60%, transparent);--learner-detail-ink-fainter:color-mix(in oklab, var(--learner-bubble-text) 50%, transparent);--learner-detail-border-soft:color-mix(in oklab, var(--learner-bubble-text) 22%, transparent);--learner-detail-arc-track:color-mix(in oklab, var(--learner-bubble-text) 14%, transparent);--learner-detail-surface:color-mix(in oklab, var(--learner-bubble-text) 6%, transparent);--ask-paper-border-soft:color-mix(in oklab, var(--learner-bubble-border) 40%, transparent);--ask-paper-border-mid:color-mix(in oklab, var(--learner-bubble-border) 60%, transparent);--ask-paper-border-quote:color-mix(in oklab, var(--learner-bubble-border) 70%, transparent);--ask-paper-border-strong:color-mix(in oklab, var(--learner-bubble-border) 75%, transparent);--ask-paper-ink-faint:color-mix(in oklab, var(--learner-bubble-text) 45%, transparent);--ask-paper-ink-subtle:color-mix(in oklab, var(--learner-bubble-text) 50%, transparent);--ask-paper-ink-meta:color-mix(in oklab, var(--learner-bubble-text) 60%, transparent);--ask-paper-ink-muted:color-mix(in oklab, var(--learner-bubble-text) 65%, transparent);--ask-paper-ink-readable:color-mix(in oklab, var(--learner-bubble-text) 70%, transparent);--ask-paper-ink-emphasis:color-mix(in oklab, var(--learner-bubble-text) 75%, transparent);--ask-paper-ink-strong:color-mix(in oklab, var(--learner-bubble-text) 80%, transparent);--ask-paper-control-border:color-mix(in oklab, var(--learner-bubble-text) 38%, transparent);--ask-paper-hairline:color-mix(in oklab, var(--learner-bubble-text) 12%, transparent);--ask-paper-hover:color-mix(in oklab, var(--learner-bubble-text) 6%, transparent);--ask-paper-pron-good-edge:color-mix(in oklab, var(--learner-bubble-pron-good) 32%, transparent);--ask-paper-pron-ok-edge:color-mix(in oklab, var(--learner-bubble-pron-ok) 32%, transparent);--ask-paper-pron-poor-edge:color-mix(in oklab, var(--learner-bubble-pron-poor) 32%, transparent);--ask-paper-pron-detail-bg:radial-gradient(70% 85% at 50% -14%, color-mix(in oklab, var(--learner-bubble-pron-poor) 6%, #ffffff8c), #ffffff8c 72%);--dur-tutor-card-enter:.3s;--dur-tutor-dots-bounce:1.1s;--dur-tutor-dot-delay-1:.14s;--dur-tutor-dot-delay-2:.28s}@supports (color:color-mix(in lch, red, blue)) and (color:light-dark(red, red)){:root{--brand-glass-base:light-dark(color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4),color-mix(in oklab, var(--accent-brand) 60%, #ababab))}}@supports (color:color(display-p3 0 0 0%)){:root{--learner-bubble-pron-ok:#915b00;--learner-bubble-pron-poor:#bc001d;--learner-bubble-pron-poor-soft:#ff72664d;--learner-bubble-pron-ok-underline:#915b008c;--learner-bubble-pron-poor-underline:#bc001d9e}@media (color-gamut:p3){:root{--learner-bubble-pron-ok:color(display-p3 .55748 .35783 0);--learner-bubble-pron-poor:color(display-p3 .6823 .11185 .13824);--learner-bubble-pron-poor-soft:color(display-p3 .94029 .47243 .41755/.3);--learner-bubble-pron-ok-underline:color(display-p3 .55748 .35783 0/.55);--learner-bubble-pron-poor-underline:color(display-p3 .6823 .11185 .13824/.62)}}}@supports not (color:light-dark(tan, tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-brand) 60%, #ababab);--brand-glass-base:var(--csstools-light-dark-toggle--0,color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4))}}
