
:root:where(:not([data-slava-look]),[data-slava-look="1"]){
  --slava-bg:#f6f3eb; --slava-paint-bg-deep:#192940; --slava-card:#fcfdfb; --slava-ink-dim:#566774; --slava-sub:#566774;
  --slava-navy:#192940; --slava-gold:#8a6d1f; --slava-gold-dim:#6e5715; --slava-flag-gold:#8a6d1f;
  --paper:#243f59; --fog:#566774; --ink:#192940; --card:#fcfdfb; --line:#cedae1; --gold:#8a6d1f; --gold2:#8a6d1f; --hero:#f6f3eb;
  --slava-paint-scrim:rgba(246,243,235,.88); --slava-paint-panel-glass:rgba(252,253,251,.94); --slava-paint-card-glass:rgba(252,253,251,.90);
  --slava-paint-paper-glass:#fcfdfb; --slava-paint-paper-glow:rgba(255,255,255,.96);
  --slava-paint-line:#cedae1; --slava-paint-line-strong:#315a85;
  --slava-paint-ink-bright:#243f59; --slava-paint-ink-dark:#243f59; --slava-paint-ink-muted:#566774; --slava-paint-ink-soft:#566774;
  --slava-paint-gold-deep:#8a6d1f; --slava-paint-focus:rgba(49,90,133,.45);
  --slava-paint-shadow:rgba(20,40,60,.10); --slava-paint-shadow-strong:rgba(20,40,60,.22);
  --slava-paint-green:#1f7a45;--slava-paint-cyan:#23708a;--slava-paint-orange:#a85a17;--slava-paint-purple:#5f4390;--slava-paint-red:#a4413a;--slava-paint-pink:#9a4370;
  --slava-paint-green-tint:rgba(31,122,69,.12);--slava-paint-cyan-tint:rgba(35,112,138,.12);--slava-paint-orange-tint:rgba(168,90,23,.12);--slava-paint-purple-tint:rgba(95,67,144,.12);--slava-paint-red-tint:rgba(164,65,58,.12);--slava-paint-pink-tint:rgba(154,67,112,.12);
  --slava-paint-blue-tint:rgba(49,90,133,.10);
}
html:where(:not([data-slava-look]),[data-slava-look="1"]){background:#f6f3eb!important;background-image:none!important;color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body{background:#f6f3eb!important;background-image:none!important;color:#243f59}
/* the hero band: the picture stays as a quiet watermark under paper; titles read in ink and deep gold */
html:where(:not([data-slava-look]),[data-slava-look="1"]) .heroBand .heroDim{background:rgba(246,243,235,.86)!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .heroBand .heroGlowB{opacity:.25}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .htMain,html:where(:not([data-slava-look]),[data-slava-look="1"]) .cer,html:where(:not([data-slava-look]),[data-slava-look="1"]) .mast .nm,html:where(:not([data-slava-look]),[data-slava-look="1"]) .mast .sub,html:where(:not([data-slava-look]),[data-slava-look="1"]) .sub,html:where(:not([data-slava-look]),[data-slava-look="1"]) .lWel,html:where(:not([data-slava-look]),[data-slava-look="1"]) .slava,html:where(:not([data-slava-look]),[data-slava-look="1"]) h2,html:where(:not([data-slava-look]),[data-slava-look="1"]) .kj,html:where(:not([data-slava-look]),[data-slava-look="1"]) .dj,html:where(:not([data-slava-look]),[data-slava-look="1"]) b{color:#243f59!important;text-shadow:none!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .htMain .u{color:#8a6d1f!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .mast .nm .b{color:#1d4fd8!important}html:where(:not([data-slava-look]),[data-slava-look="1"]) .mast .nm .g{color:#c9a53b!important}   /* the wordmark is a mark, not body text */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .betaStick b,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssCurrentLevel{color:#8a6d1f!important}
/* medals: the verb room's dark seats on paper — the seat must win over the runtime style slava-medal.js injects */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal5,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels.ssm-row .medal,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels.ssm-row .medal5{background:#243b5c!important;border-color:rgba(255,255,255,.16)!important;color:#eef4ff!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal.on,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels.ssm-row .medal.on{background:#192940!important;box-shadow:0 0 0 2px #c9a53b inset!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal span,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .ssm-nm,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .ssm-cefr{color:#eef4ff!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssmResp,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssm-resp{background:#192940!important;color:#eef4ff!important;border-color:rgba(255,255,255,.18)!important}
/* every room control is the verb room's dark control: Home, the gear, the settings pill, pace, stop, loop, source */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ss-room-control,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssCompactButton,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .tn,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .stopTop,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .aboutb,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lAll,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slava-content-source-trigger,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slava-content-source-close,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #slavaBackPill,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #backTop,html:where(:not([data-slava-look]),[data-slava-look="1"]) body a.backBig,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssLetterPill,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssVerbSettings{background:#192940!important;color:#eef4ff!important;border:1px solid #758aa2!important;text-shadow:none!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ss-room-control *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssCompactButton *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .tn *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .stopTop *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lAll *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #slavaBackPill *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssLetterPill *{color:#eef4ff!important;background:transparent!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssCompactButton[aria-pressed="true"],html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ss-room-control[aria-pressed="true"]{box-shadow:0 0 0 2px #c9a53b inset!important}
/* the one gold Play keeps its gold with dark ink */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body :is(#ssQuestionPlayPause,#ssRoomPlay,.ssPlay,button.play,.play),html:where(:not([data-slava-look]),[data-slava-look="1"]) body :is(#ssQuestionPlayPause,#ssRoomPlay,.ssPlay,button.play,.play) *{background:#f2c744!important;color:#0b1020!important;border-color:#c9a53b!important}
/* cards, doors and panels */
html:where(:not([data-slava-look]),[data-slava-look="1"]) .door{background:rgba(252,253,251,.90)!important;border-color:#cedae1!important;color:#243f59!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 4px rgba(20,40,60,.08)!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) #doorGrid .door .du,html:where(:not([data-slava-look]),[data-slava-look="1"]) .door .du{color:#243f59!important}html:where(:not([data-slava-look]),[data-slava-look="1"]) .door .dn{color:#315a85!important}html:where(:not([data-slava-look]),[data-slava-look="1"]) .door .ds{color:#566774!important}html:where(:not([data-slava-look]),[data-slava-look="1"]) .door svg.de{color:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .counts,html:where(:not([data-slava-look]),[data-slava-look="1"]) .counts *{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .v359start .v359level{color:#243f59!important;border-color:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .v359start .v359go small{color:#0b1020!important;opacity:.75}
html:where(:not([data-slava-look]),[data-slava-look="1"]) #desk,html:where(:not([data-slava-look]),[data-slava-look="1"]) #desk *{color:#243f59}
/* text that was light on the night rooms */
html:where(:not([data-slava-look]),[data-slava-look="1"]) #big,html:where(:not([data-slava-look]),[data-slava-look="1"]) #en,html:where(:not([data-slava-look]),[data-slava-look="1"]) .big,html:where(:not([data-slava-look]),[data-slava-look="1"]) .en,html:where(:not([data-slava-look]),[data-slava-look="1"]) .lStar,html:where(:not([data-slava-look]),[data-slava-look="1"]) .themeLine,html:where(:not([data-slava-look]),[data-slava-look="1"]) .vlab,html:where(:not([data-slava-look]),[data-slava-look="1"]) .vcnt,html:where(:not([data-slava-look]),[data-slava-look="1"]) #note,html:where(:not([data-slava-look]),[data-slava-look="1"]) .note,html:where(:not([data-slava-look]),[data-slava-look="1"]) .transport-status,html:where(:not([data-slava-look]),[data-slava-look="1"]) .ki,html:where(:not([data-slava-look]),[data-slava-look="1"]) .cu,html:where(:not([data-slava-look]),[data-slava-look="1"]) .cu *{color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) #en,html:where(:not([data-slava-look]),[data-slava-look="1"]) .en,html:where(:not([data-slava-look]),[data-slava-look="1"]) .sen,html:where(:not([data-slava-look]),[data-slava-look="1"]) #note,html:where(:not([data-slava-look]),[data-slava-look="1"]) .note,html:where(:not([data-slava-look]),[data-slava-look="1"]) .kn,html:where(:not([data-slava-look]),[data-slava-look="1"]) .ds,html:where(:not([data-slava-look]),[data-slava-look="1"]) .vlab,html:where(:not([data-slava-look]),[data-slava-look="1"]) .vcnt,html:where(:not([data-slava-look]),[data-slava-look="1"]) .statsLine,html:where(:not([data-slava-look]),[data-slava-look="1"]) .statsLine *{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .statsLine{background:transparent!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lDoor .du,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lDoor .ds,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lDoor .de,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .kc .ku,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .kc .kn{color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lDoor .dn,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .kc .ke{color:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body summary,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .gm-interface-label,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levelsLabel,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .levelsLabel,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .lessonLabel,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ss-room-label,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ss-room-primary{color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssLetterPage small,html:where(:not([data-slava-look]),[data-slava-look="1"]) body small{color:#566774}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssLetterFamily,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ssLetterCardNote{color:#3f4f5b!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body a:not(.door):not(.v359go):not(.ss-room-control):not(.fdRow):not(.backBig){color:#315a85}
/* a dark panel that carries its own text keeps light text */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .journeyContinue,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .journeyContinue *,html:where(:not([data-slava-look]),[data-slava-look="1"]) body [style*="bg-deep"]{color:#eef4ff!important}

/* the Source strip is a wrapper, not a button: only its trigger and close buttons take the dark control look */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slava-content-source{background:transparent!important;border:0!important;color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slava-content-source-panel,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slava-content-source-panel *{color:#eef4ff}
/* medals: room to breathe for the level code (A1…C1) — the box grows instead of clipping */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal5,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels.ssm-row .medal,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels.ssm-row .medal5{height:auto!important;min-height:48px!important;padding:3px 0 5px!important}
/* the fifth seat in rooms where it is drawn as a plain span (no data-l) still says its level */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #levels .medal5:not([data-l]) .ssm-nm::after{content:'C1';display:block;font-size:9px;font-weight:800;letter-spacing:.5px;line-height:1;margin-top:1px;color:#eef4ff}

/* the practice shelf (control workshop) — text that used the light "blue" fallback */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .fmHead,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-subheading{color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .fmSub,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-control-help,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-owner-help,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-pace-truth{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ctlRow>.goldServe{background:#192940!important;color:#f2c744!important;border-color:#c9a53b!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .goldServe small{color:#eef4ff!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) .rehearsalHouse .houseNote{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .dcChooserHead .eyebrow{color:#6e5715!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-practice-heading,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssPracticeShelf .ss-practice-heading *{color:#243f59!important}
/* the questions room's option and family panels are cards, not dark drawers */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssQuestionOptions,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssQuestionFamilies{background:#fcfdfb!important;color:#243f59!important;border-color:#cedae1!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssQuestionOptions>summary,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #ssQuestionFamilies>summary{color:#243f59!important}
/* Letter's look buttons: dark controls like the rest of the house (--slava-ink stays undefined: rooms use it as light text on dark fills) */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .slavaLookBtn{background:#192940!important;color:#eef4ff!important;border-color:#758aa2!important}
/* two stragglers seen on the contact sheet: the about page's inline gold Home pill, and Paste & Hear's teal Hear button */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body a.back[style*="gold"]{background:#192940!important;color:#eef4ff!important;border:1px solid #758aa2!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button.hearB{background:#f2c744!important;color:#0b1020!important;border-color:#c9a53b!important}
