/* Kanka retains its charcoal/sage identity; media controls match the shared UX. */
:root {
  --bg:#f5f7ef; --paper:#fdfef9; --sidebar:#edf1e5;
  --ink:#20271b; --muted:#64705a; --line:#d9e0cf;
  --accent:#52692c; --accent-ink:#fff; --rose:#e9efdd; --sage:#e1ecd8;
}
:root[data-theme=dark] {
  color-scheme:dark; --bg:#111311; --paper:#1b1f18; --sidebar:#151914;
  --ink:#eceee5; --muted:#a0aa94; --line:#30392a;
  --accent:#d7ed9b; --accent-ink:#202a14; --rose:#26301e; --sage:#233126;
  --shadow:0 12px 45px #0003;
}
.side-brand,.mobile-brand { letter-spacing:-1.5px; }
.hero-head h1 { font-size:clamp(45px,5vw,70px); }
.art-mark { left:43px; }
.tiny-sun,.art-star { color:var(--accent); }
.orbit,.orbit-two { border-color:#899c6b; }
.art-dot { background:var(--accent); }
.composer,:root[data-theme=dark] .composer { border-color:var(--line); }
.composer:focus-within,:root[data-theme=dark] .composer:focus-within { border-color:var(--accent); }
.card-photo .card-icon,:root[data-theme=dark] .card-photo .card-icon { color:var(--accent); }
:root[data-theme=dark] .orbit { border-color:#607243; }
:root[data-theme=dark] .orbit-two { border-color:#48583b; }
:root[data-theme=dark] .art-star { color:var(--accent); }
:root[data-theme=dark] .toggle:not(:checked) { background:#49533d; }
.message.assistant .message-role:before { content:'k'; }
#prompts pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:220px; overflow:auto; }
#prompts input { background:var(--paper); color:var(--ink); }
@media(max-width:760px) {
  .hero-head h1 { font-size:46px; }
  .art-mark { left:29px; }
}
@media(max-width:359px) { .hero-head h1 { font-size:39px; } }