/* Match the approved calm boards while retaining the existing app controls.
   Scope heading overrides above the old Home rules; user-selected Help reading
   fonts keep their own controls and are not changed by this presentation layer. */
body {font:14px Figtree,'Segoe UI',sans-serif;}
.sidebar {padding:18px 12px 12px;}
.sidebar .logo-row {gap:12px;padding:0 34px 18px 10px;min-height:54px;}
.lex-logo-mark {width:40px;height:40px;flex:none;}
.lex-logo-mark svg {width:40px;height:40px;display:block;}
.lex-word {font:800 24px/1 Figtree,sans-serif;letter-spacing:-.01em;color:var(--heading);white-space:nowrap;}
.lex-word>span {background:linear-gradient(90deg,#e6a866,#ff8a5c,#ff6c4c);background-clip:text;color:transparent;}
.logo-copy .logo-name {width:auto;}
#calm-sidebar-toggle {right:0;top:5px;width:30px;height:30px;}
.nav {gap:2px;}.nav button {height:38px;min-height:38px;padding:9px 12px;gap:12px;}
/* Keep the connection/version footer visible at the minimum window height;
   only the navigation list needs to scroll when all Technical pages are shown. */
.sidebar>.nav {min-height:0;overflow-y:auto;}
.logo-row {margin-bottom:8px;}
.nav button.on {background:#fff8eb16;}
.nav button.on::before {left:0;height:30px;}
.side-foot {gap:10px;}.side-foot .srv {border:0;border-radius:10px;padding:5px 2px;}
.side-foot .srv {flex-wrap:wrap;gap:4px 7px;}
.connection-identity {display:inline-flex;align-items:center;gap:7px;}
.side-foot #srv-label {flex-basis:100%;text-align:left;}
body[data-rail=true] .side-foot {padding-left:0;padding-right:0;}
body[data-rail=true] .connection-identity {gap:4px;}
body[data-rail=true] .side-foot #ver {font-size:10px;}
.calm-bottom-links {gap:6px;}
.calm-bottom-links button {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:32px;white-space:nowrap;font-size:12px;border:1px solid var(--hair);border-radius:10px;padding:6px 8px;}
.calm-bottom-links svg {flex:none;margin:0;}
/* The label sits beside the segmented control, as on the design board. */
.calm-view {position:relative;margin-left:36px;width:calc(100% - 36px);border-radius:999px;background:var(--well);padding:4px;gap:3px;flex-wrap:nowrap;}
.calm-view .calm-view-label {position:absolute;right:calc(100% + 8px);margin:0;white-space:nowrap;}
.calm-view button {flex:1;min-width:0;white-space:nowrap;font-size:12px;font-weight:700;padding:6px 8px;}
.calm-view button[aria-pressed=true] {box-shadow:0 3px 12px #d99a5533;}
body[data-rail=true] .calm-view {margin-left:0;width:100%;}
body[data-rail=true] .lex-logo-mark {width:40px;}
body[data-rail=true] .logo-row {padding:0;min-height:76px;}
body[data-rail=true] #calm-sidebar-toggle {top:47px;right:7px;}
.content {padding:26px 34px 48px;}
main {position:relative;}
/* Keep a real title-bar grab area after removing the old visible header.
   Only its blank top strip receives drag input. The transparent remainder
   lets page headings/profile controls work, and window buttons stay clickable. */
.topbar {position:absolute;left:0;right:0;top:0;width:auto;height:35px;z-index:40;pointer-events:none;}
.window-drag-grip {position:absolute;left:0;right:90px;top:0;height:20px;pointer-events:auto;}
.topbar>.winbtn {pointer-events:auto;}
.content .page {max-width:none;}
.content .page h1,.content .page-head h1 {font:400 40px/1.1 'EB Garamond',serif;margin:0 0 6px;letter-spacing:-.02em;color:var(--heading);}
#page-home #greeting {font:400 42px/1.1 'EB Garamond',serif;letter-spacing:-.02em;}
#page-home #greeting span {font-family:inherit;font-weight:400;font-style:italic;color:var(--accent-text);}
.page-head,.voice-heading {position:relative;margin-bottom:18px;gap:14px;align-items:flex-start;}
#page-voices .voice-heading {margin-bottom:16px;}
.page-head .lede,.voice-heading .lede {font-size:14px;color:var(--sub);line-height:1.5;margin-top:4px;}
.page h2,.page .group h2 {font:700 15px/1.4 Figtree,sans-serif;}
.card,.group {padding:20px;border-radius:20px;margin-bottom:14px;}
.page .group.bare {padding:20px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(160deg,#fff8eb16,#fff8eb0a);box-shadow:inset 0 1px 0 #ffffff12,0 24px 60px -32px #000b;}
.row {padding:12px 0;gap:16px;}.row:last-child {padding-bottom:0;}
.row .t {font-size:14px;font-weight:700;}.row .d,.gd {font-size:12.5px;line-height:1.5;}
.btn,.btn.ghost,.filter-line button {border-radius:999px;}
.btn.ghost {border:1px solid var(--edge);background:transparent;}
input[type=text],input[type=search],input[type=password],input[type=number],textarea,select {border:1px solid var(--edge);border-radius:12px;background:var(--well);color:var(--ink);}
.seg {background:var(--well);border:1px solid var(--hair);border-radius:999px;padding:4px;gap:3px;}
.seg button {border:0;border-radius:999px;font-weight:700;}
.seg button.on,.seg button[aria-checked=true] {background:var(--accent);color:#191714;}
.lex-page-help {position:relative;font-size:12px;flex:none;}
.lex-page-help>summary {cursor:pointer;border:1px solid var(--edge);border-radius:999px;padding:6px 10px;}
.lex-page-help[open] {z-index:30;}
.lex-page-help[open]>button {display:block;white-space:nowrap;margin-top:5px;}
.page-head>.lex-page-help,.commands-heading>.lex-page-help {position:relative;margin-left:auto;align-self:flex-start;}
.page-head {flex-wrap:wrap;}
.help-tools {display:flex;flex-wrap:wrap;gap:8px;}
.home-head {align-items:center;margin-bottom:18px;}
#profile-note {display:none;}
#home-hero.home-hero {grid-template-columns:232px minmax(0,1fr);gap:44px;padding:26px 28px;min-height:348px;border-radius:26px;}
.hero-left {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;}
.lex-hero-mark {display:block;width:128px;height:128px;}
.lex-hero-mark svg {width:128px;height:128px;display:block;}
[data-lex-mark=start] svg {width:30px;height:30px;display:block;}
#home-hero .hero-copy h2 {font-size:30px;letter-spacing:-.02em;}
#home-hero .calm-ai-chip {padding:5px 9px;}
#home-hero #calm-tidy::before,#home-hero #calm-command-ai::before {content:'';width:28px;height:17px;border-radius:999px;background:radial-gradient(circle at 8px 50%,#f6efdf 0 5px,transparent 5.5px),#fff3;}
#home-hero #calm-tidy[aria-pressed=true]::before,#home-hero #calm-command-ai[aria-pressed=true]::before {background:radial-gradient(circle at 20px 50%,#191714 0 5px,transparent 5.5px),var(--accent);}
#calm-room {display:inline-flex;align-items:center;border:1px solid var(--edge);border-radius:999px;background:var(--well);padding:5px 9px;font-size:12px;}
#calm-room select {border:0;background:transparent;padding:0 4px;font:700 12px Figtree;max-width:150px;}
.local-app-icon {position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;vertical-align:middle;overflow:hidden;font-size:0;}
.local-app-icon img {position:absolute;inset:2px;width:24px;height:24px;object-fit:contain;pointer-events:none;}
.local-app-icon.has-app-icon {background:transparent!important;font-size:0!important;}
.local-app-icon:not(.has-app-icon) {background:var(--well)!important;color:var(--sub);}
.launch-app-title>.local-app-icon {margin-right:9px;border-radius:7px;background:var(--well);}
.local-app-icon:not(.has-app-icon)::before {content:'';width:14px;height:14px;border:1px solid currentColor;border-radius:3px;background:linear-gradient(currentColor,currentColor) 0 4px/100% 1px no-repeat;}
.home-section-head {display:flex;justify-content:flex-start;align-items:center;gap:10px;margin:18px 0 14px;}
.home-section-head h2 {margin:0;text-align:left;flex:initial;font:700 13px Figtree;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);}
.home-section-head>span,.home-section-head>.seg {margin-left:auto;}
.home-section-head .calm-home-toggle {flex:none;width:30px;height:30px;border-radius:10px;}
#home-core .home-tile,#home-highlight-grid .home-tile {min-height:144px;border-radius:18px;padding:16px;}
.home-tile .tile-label {font-size:12px;color:var(--sub);}
/* Real task names and totals can be much longer than the board examples. */
.home-tile .tile-value,.home-tile .tile-unit,.home-tile .tile-sub,.home-tile .tile-caption,.home-tile .tile-label {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
.home-tile .tile-head,.home-tile .tile-values {flex-wrap:wrap;}
.tile-values .tile-value {flex:0 1 auto;min-width:0;}
.home-chips {flex-direction:column;align-items:stretch;}
.home-primary-controls,.home-assist-controls {display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;}
.home-speech-links {display:inline-flex;align-items:center;gap:8px;flex:none;}
.home-chip.voice-current select {max-width:160px;}
.calm-empty-group {display:none!important;}
.recent {border:1px solid var(--edge);border-radius:20px;background:linear-gradient(160deg,#fff8eb16,#fff8eb0a);padding:18px 20px;}
.recent-head {margin-bottom:8px;}
#voice-overview {padding:0;border:0;background:none;box-shadow:none;}
#voice-overview>.card {padding:20px;}
#page-voices .lex-voice-modes h2 {line-height:1.2;margin-bottom:6px;}
#voice-overview .voice-modes {margin:0;gap:10px;}
#voice-modes button {min-height:66px;border-radius:16px;padding:12px 14px;gap:4px;}
.voice-modes .voice-symbol {display:none;}
.voice-modes button[aria-checked=true] {border:2px solid var(--accent);box-shadow:0 0 0 4px #d99a551a;background:#d99a5514;}
.voice-modes button b {font-size:14px;line-height:1.3;}.voice-modes button small {font-size:12.5px;line-height:1.4;}
.voice-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.voice-grid .voice-saved-grid {display:contents;}
.lex-voice-styles>.voice-section-heading {margin:0 0 4px;}
.lex-voice-styles>p.d {margin:0 0 10px;}
.lex-voice-styles>.voice-grid {margin:0;align-items:start;}
.voice-style {position:relative;padding:14px 16px;min-height:88px;border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--voice-colour) 20%,transparent),#fff8eb0a);border:1px solid color-mix(in srgb,var(--voice-colour) 38%,transparent);}
.voice-style .voice-avatar,.voice-style>.voice-style-sample,.voice-style>small {display:none;}
.voice-style header {margin:0;}.voice-style header small {font-size:12.5px;line-height:1.4;}
.voice-style>.voice-actions {opacity:0;position:absolute;right:8px;bottom:5px;gap:4px;}
.voice-style:hover>.voice-actions,.voice-style:focus-within>.voice-actions {opacity:1;}
.voice-new {min-height:84px;border-radius:16px;border:1px dashed var(--edge);color:var(--accent-text);background:transparent;}
#voice-cards .voice-new {min-height:84px;height:84px;padding:14px;}
#voice-cards .voice-new>*:not(b) {display:none;}
#voice-cards .voice-new b::before {content:'+ ';}
.voice-new .voice-plus {display:none;}
.voice-new .d {display:none;}
.voice-heading .voice-ready {font-size:11px;padding:6px 10px;}
#voice-app-rules {display:block;}
#voice-app-rules .voice-app-tile {display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:12px 0;}
#voice-app-rules .voice-app-tile:last-child {border-bottom:0;}
#voice-app-rules .voice-avatar {width:28px;height:28px;border-radius:9px;font-size:0;background:var(--voice-colour);}
#voice-app-rules .voice-app-label small {display:none;}
#voice-app-rules select {max-width:220px;}
.lex-rule-style {color:var(--sub);}
.lex-style-dialog {color:var(--ink);background:var(--bg);border:1px solid var(--edge);border-radius:20px;padding:24px;min-width:300px;inset:0;margin:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);}
.lex-style-dialog select {display:block;width:100%;margin:16px 0;}
.voice-style::before {display:none;}
#page-dictionary .two-cards {display:block;}
#page-dictionary .words-card {min-height:0;}
#page-dictionary .words-card>.filter-line {display:block;}
#dictionary-filters {margin:10px 0 14px;}
.capture-columns {display:block;}
.capture-columns>.card {min-height:0;}
.capture-box {border:0;background:none;box-shadow:none;padding:0;margin-bottom:14px;}
.notes-grid {columns:auto;display:block;}
.notes-grid .note {border:0;border-bottom:1px solid var(--hair);border-radius:0;background:none;padding:12px 0;}
.notes-grid .note:last-child {border-bottom:0;}
.notes-grid .note .note-date {float:right;font-size:11px;}
.notes-grid .note .note-text {font-size:14px;margin:0 0 6px;}
.task {background:none;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:12px 0;}
.task:last-child {border-bottom:0;}
.task .task-body {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.task .task-meta {white-space:nowrap;}
.tick i {border-radius:3px;}
.command-try-heading {display:block;}
.command-try-heading h3 {margin:0 0 12px;font-size:15px;}
.command-pills {justify-content:flex-start;margin:8px 0 12px;}
.command-preview-fields {display:block;}
.command-preview-fields>.arrow,.command-preview-fields>div>label {display:none;}
#shell-test-phrase {max-width:360px;}
#shell-test-output {display:block;width:100%;margin-top:10px;background:var(--well);font-family:'Google Sans Code',monospace;}
.command-try .command-try-footer {display:block;}
.command-save {justify-content:flex-start;margin-top:12px;}
.command-save input {max-width:320px;}
.lex-command-ways .command-ways {margin:0;gap:10px;}
.lex-command-ways .command-ways>.card {background:var(--well);border:0;border-radius:12px;box-shadow:none;padding:12px;margin:0;}
.commands-columns,.apps-columns {display:block;}
.commands-heading>.btn .badge {display:none;}
#page-history>.page-head {display:block;}
#page-history>.page-head>.ctl {display:flex;margin-top:16px;}
#hist-search {flex:1;width:100%;}
.set-head+p.gd {display:none;}
.page-help {display:none;}
.help-layout {display:block;}
#help-topics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#help-topics[hidden],#help-body[hidden] {display:none!important;}
#help-topics>.calm-help-group {grid-column:1/-1;margin:14px 0 2px;font:700 12px Figtree,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--sub);}
#help-topics .help-topic-icon {display:none;}
#help-topics .help-topic {display:block;}
#help-topics .help-topic span {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#help-topics .help-topic {border:1px solid var(--edge);border-radius:16px;padding:16px;background:linear-gradient(160deg,#fff8eb16,#fff8eb0a);text-align:left;}
#help-topics .help-topic b {font-size:14px;}
#help-topics .help-topic span {font-size:12.5px;line-height:1.5;}
#help-body {width:100%;max-width:none;}
.setup-card {max-width:700px;border-radius:24px;background:linear-gradient(160deg,#28221ef9,#191714fa);border:1px solid var(--edge);}
.lex-setup-mark {width:48px;height:48px;}
.lex-setup-mark svg {width:48px;height:48px;}
.snippet-new {display:block;}
@media(max-width:950px) {#help-topics {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px) {#help-topics {grid-template-columns:1fr;}}
#home-hero .home-hints {display:none;}
#home-hero #home-instruction kbd {font-size:14px;min-width:60px;min-height:38px;padding:8px 16px;border-radius:9px;}
.lex-feedback-kinds {display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px;}
.lex-feedback-kinds [aria-pressed=true] {background:var(--accent);color:#191714;border-color:var(--accent);}
#fb-kind[hidden] {display:none!important;}
.history-day .h-item {display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;}
.history-day .day-heading {display:none;}
.history-day .h-item>.app {grid-column:1;grid-row:1;width:28px;height:28px;border:0;border-radius:9px;padding:0;font-size:0;}
.history-day .h-item>.history-content {grid-column:2;grid-row:1;padding-right:0!important;}
.history-day .h-item>time {grid-column:3;grid-row:1;font-size:11px;white-space:nowrap;}
.history-day .h-item>time::before {content:attr(data-app) ' · ';}
.history-day .history-actions {grid-column:4;grid-row:1;position:static;opacity:1;display:flex;gap:6px;background:none;}
.history-day .history-actions button {font-size:12px;padding:7px 12px;width:auto;height:auto;}
.history-day .h-text {font-size:14px;}
.set-title {align-items:flex-start;margin-bottom:10px;}
/* Sticky controls need an opaque surface: glass lets scrolled setting labels
   remain readable behind the title, search field and tab buttons. */
.set-head {
  background:radial-gradient(ellipse at 25% 15%,#ff7d5233,transparent 45%) fixed,
    radial-gradient(ellipse at 80% 30%,#f5c45119,transparent 45%) fixed,
    radial-gradient(ellipse at 75% 95%,#5fd0b814,transparent 45%) fixed, var(--bg);
  backdrop-filter:none;padding:0 0 10px;margin-bottom:6px;box-shadow:none;
}
/* Extend the opaque surface above the sticky header too; transparency here
   would bring back the reported text bleeding behind the title and tabs. */
.set-head::before {content:"";position:absolute;left:0;right:0;bottom:100%;height:30px;background:inherit;}
.set-title h1 {margin-top:0;}
.set-title {display:block;position:relative;}
.lex-settings-description {margin:2px 0 12px;color:var(--sub);font-size:14px;}
.lex-settings-tools {display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.lex-settings-tools .find {width:260px;max-width:100%;margin:0;background:var(--well);border:1px solid var(--edge);border-radius:12px;}
.lex-settings-tools .find input {border:0;background:none;box-shadow:none;}
.set-title>.lex-page-help {position:absolute;right:0;top:4px;}
.tabs {margin:0 0 16px;gap:3px;}
.tabs button {font-size:13px;padding:9px 15px;}
#tab-ai #nd-account {grid-template-columns:minmax(0,1fr);}
#group-hosted[data-conn]:not([data-conn="hosted"]) {display:none!important;}
#nd-account #account-panel {margin-top:12px;}
.calm-more {font-size:13px;padding:0;margin:14px 0;}
.calm-more button {font-weight:700;text-decoration:none;}
/* Compact action chips follow the mock-up. Keep native, labelled checkbox and
   colour inputs so the existing settings work with a mouse or keyboard. */
#pill-buttons.pill-buttons {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
#pill-buttons .pill-toggle {position:relative;display:inline-flex;flex:none;gap:8px;min-height:32px;max-width:100%;padding:4px 10px 4px 6px;border:1px solid var(--hair);border-radius:999px;background:none;box-shadow:none;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--muted);}
#pill-buttons .pill-toggle:has(.pill-action-enabled:checked) {border-color:var(--edge);background:var(--card);color:var(--ink);}
#pill-buttons .pill-action-enabled {position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;}
#pill-buttons .pill-toggle:has(.pill-action-enabled:focus-visible),
#pill-buttons .pill-toggle:has(input[type=color]:focus-visible) {outline:2px solid var(--accent);outline-offset:3px;}
#pill-buttons .pill-action-icon {position:relative;display:inline-block;flex:none;width:24px;height:24px;border-radius:50%;}
#pill-buttons .pill-action-icon input[type=color] {display:block;appearance:none;-webkit-appearance:none;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--action-colour);cursor:pointer;}
#pill-buttons .pill-action-icon input[type=color]::-webkit-color-swatch-wrapper {padding:0;}
#pill-buttons .pill-action-icon input[type=color]::-webkit-color-swatch {border:0;border-radius:50%;}
#pill-buttons .pill-action-symbol {position:absolute;inset:0;display:grid;place-items:center;color:var(--action-ink);font-size:12px;font-weight:800;pointer-events:none;}
#pill-buttons .pill-action-name {min-width:0;overflow-wrap:anywhere;}
/* Topic pages use the approved visible-step layout; the existing topic index
   is unchanged. Scale with reading preferences and leave room for long titles. */
#page-help.lex-help-article-mode > .page-head > div:first-child,
#page-help.lex-help-article-mode #help-search,
#page-help.lex-help-article-mode #lex-help-back {display:none!important;}
#page-help.lex-help-article-mode .help-tools {justify-content:flex-end;}
#page-help.lex-help-article-mode .help-card {background:none;border:0;box-shadow:none;padding:0;position:relative;}
#page-help.lex-help-article-mode .help-card > h2 {font-family:var(--rd-heading,'EB Garamond',serif);font-weight:500;font-size:2.6em;line-height:1.12;letter-spacing:-.01em;margin:.1em 0 .25em;overflow-wrap:anywhere;}
#page-help.lex-help-article-mode .help-card > .gist {font-size:1em;font-weight:500;color:var(--sub);max-width:78ch;margin:0 0 1.1em;}
#page-help.lex-help-article-mode .help-card > .read-section {float:right;margin:.9em 0 .6em 1em;}
#page-help.lex-help-article-mode .help-card > .answer-tiles {clear:both;margin-bottom:1em;}
.lex-help-back {display:block;background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:.87em;font-weight:700;cursor:pointer;}
.lex-help-back:hover,.lex-help-back:focus-visible {text-decoration:underline;}
.lex-help-body {clear:both;display:grid;gap:14px;max-width:none!important;min-width:0;}
.lex-help-card {background:var(--rd-bg,var(--card));color:var(--rd-ink,var(--ink));border:1px solid var(--edge,var(--border));border-radius:18px;padding:1em 1.4em;min-width:0;overflow-wrap:anywhere;}
.lex-help-card h3 {margin:0 0 .65em;font-size:1em;font-weight:700;font-family:inherit;}
.lex-help-card ol,.lex-help-card ul {margin:0;padding-left:1.4em;max-width:calc(var(--rd-width,70) * 1.25ch);}
.lex-help-card li {margin:.35em 0;}
.lex-help-tips,.lex-help-detail,.lex-help-extra {font-size:.94em;}
.lex-help-keys ul.key-list {padding-left:0;list-style:none;}
.lex-help-where .ctl {display:flex;gap:8px;flex-wrap:wrap;}
.lex-help-where .ctl .btn::after {content:" →" / "";}
.lex-help-stuck {color:var(--sub);font-size:.87em;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 0;}
@media(max-width:900px) {#page-help.lex-help-article-mode .help-card > h2 {font-size:2.2em;}}
html:not(.dark) .lex-word {color:#2a241d;}
html:not(.dark) .lex-word>span {background-image:linear-gradient(90deg,#b54d0a,#ea7a2a);}
html:not(.dark) [data-lex-mark] .c path,
html:not(.dark) [data-lex-mark] [stroke="#f5eee0"] {stroke:#2a241d;}
html:not(.dark) [data-lex-mark] .st-done .c path {stroke:#3c7a42;}
html:not(.dark) [data-lex-mark] stop:first-child {stop-color:#b54d0a;}
html:not(.dark) [data-lex-mark] stop:nth-child(2) {stop-color:#d2661a;}
html:not(.dark) [data-lex-mark] stop:last-child {stop-color:#ea7a2a;}
html:not(.dark) .setup-card {background:var(--card);}
@media(max-width:950px) {#home-hero.home-hero {grid-template-columns:160px minmax(0,1fr);gap:24px;} .content {padding:24px;} .history-day .h-item {grid-template-columns:28px minmax(0,1fr) auto;} .history-day .h-item>time {grid-column:2;grid-row:2;} .history-day .history-actions {grid-column:3;}}
@media(max-width:760px) {.content {padding:20px 18px;} #home-hero.home-hero {grid-template-columns:1fr;padding:22px;} .voice-grid,.voice-modes {grid-template-columns:1fr;} .home-head {align-items:flex-start;gap:14px;flex-wrap:wrap;} .history-day .history-actions {grid-column:2;grid-row:3;flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;}}