/* 🚀 SpeakSlava — THE NEW HOUSE V360 · 🌿🔴🇺🇦 КАЛИ́НА · 2026-09-24 · ONE LOOK — the Rehearsal workshop (rehearsal.html only)
   The workshop was drawn dark (dark panels, light text). This sheet relights it into the verb room's look:
   parchment page, white cards, dark controls with light text, gold for the Play/Hear button. Colours only. */
:root:where(:not([data-slava-look]),[data-slava-look="1"]){color-scheme:light;
  --ink:#243f59;--muted:#566774;--line:#cedae1;--panel:#fcfdfb;--accent:#8a6d1f;
  --slava-paint-bg-deep:#fcfdfb;           /* every dark panel becomes a white card */
  --slava-paint-gold:#8a6d1f;              /* on this page gold is only ever text or a border */
  --slava-paint-line-strong:#b7c7d6;
  --slava-paint-ink-soft:#566774;
  --slava-paint-ink-bright:#eef4ff;        /* text on the few fills that stay dark */
  --slava-paint-panel-glass:rgba(252,253,251,.96);
}
html:where(:not([data-slava-look]),[data-slava-look="1"]){background:#f6f3eb!important;color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body{background:#f6f3eb!important;color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button,html:where(:not([data-slava-look]),[data-slava-look="1"]) body select{background:#192940!important;color:#eef4ff!important;border-color:#758aa2!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button:hover{background:#243b5c!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button:active{background:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button:focus-visible,html:where(:not([data-slava-look]),[data-slava-look="1"]) body select:focus-visible,html:where(:not([data-slava-look]),[data-slava-look="1"]) body textarea:focus-visible,html:where(:not([data-slava-look]),[data-slava-look="1"]) body a:focus-visible,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line:focus,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #importPreview summary:focus-visible,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .practiceRecipeGrid label:has(input:focus-visible),html:where(:not([data-slava-look]),[data-slava-look="1"]) body .rehearsalHistory>summary:focus-visible{outline-color:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body a{color:#315a85}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body h2,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .repeatHeading h2,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #outputComfort h3,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .rebuildHeading h3,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #practiceRecipeChoices legend,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .utilityDrawer>summary,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line.head{color:#8a6d1f}
/* outline-style buttons (transparent in the workshop) read dark on the page */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #saveDraft,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #forgetScript,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalMute,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #quizButton,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .mode button,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #studioTabs button{background:transparent!important;color:#243f59!important;border-color:#315a85!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #studioTabs button{border-color:transparent!important;color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #studioTabs button[aria-selected=true],html:where(:not([data-slava-look]),[data-slava-look="1"]) body .mode button.on,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ladderStep.active{background:#192940!important;color:#eef4ff!important;border-color:#c9a53b!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ladderStep.active *{color:#eef4ff!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #pasteScriptButton,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #hear,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #prepareScript{background:#f2c744!important;color:#0b1020!important;border-color:#c9a53b!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalMute[aria-pressed="true"],html:where(:not([data-slava-look]),[data-slava-look="1"]) body .practiceAgainAction[aria-pressed="true"],html:where(:not([data-slava-look]),[data-slava-look="1"]) body #revealExactModel[aria-pressed="true"],html:where(:not([data-slava-look]),[data-slava-look="1"]) body .ladderDirections button[aria-pressed=true]{background:#192940!important;color:#f2c744!important;border-color:#c9a53b!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .practiceAgainAction{background:#192940!important;color:#eef4ff!important;border-color:#758aa2!important}
/* text that used the light "blue" fallback on dark panels */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .practiceRecipeGrid strong,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #unitPosition,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .historyTitle,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .rebuildAnswer,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .phraseRangePreview[data-ss-text-role="ukrainian"],html:where(:not([data-slava-look]),[data-slava-look="1"]) body .responseModel{color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .responseCue[data-ss-text-role="natural_english"]{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalVolumeValue{color:#8a6d1f}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .scriptEditorSurface,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #pasteTa:not(:placeholder-shown){background:#fff!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #pasteTa{color:#243f59;border-color:#b7c7d6}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .rebuildToken{background:#e9eff5!important;color:#243f59}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .historySelection{background:#e9eff5!important}
/* recording: the pink stays a warning colour, dark enough to read */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rec{color:#9a4370!important;border-color:#9a4370!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rec.armed{background:#9a4370!important;color:#fff!important;border-color:#9a4370!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #recordingNotice{background:#9a4370!important;color:#fff!important;border-color:#9a4370!important}
/* the bottom bar */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #bar{background:rgba(252,253,251,.96)!important;border-top:1px solid #cedae1}

/* the script lines are cards, not controls */
html:where(:not([data-slava-look]),[data-slava-look="1"]) body button.line,html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line{background:#fcfdfb!important;color:#243f59!important;border-color:#b7c7d6!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line .en{color:#566774!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line.sel{background:#fff!important;border:2px solid #315a85!important;color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body .line.head{background:transparent!important;border:0!important;color:#6e5715!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalHeader h1,html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalHeader h1 span{color:#243f59!important}
html:where(:not([data-slava-look]),[data-slava-look="1"]) body #rehearsalHeader h1>span:first-child{color:#6e5715!important}
