/* Shared iOS-inspired appearance. Blue text is deepened to meet 4.5:1. */
:root{color-scheme:light;--paper:#ffffff;--surface:#f2f2f7;--grouped:#f8f8fa;--ink:#1c1c1e;--muted:#63636a;--blue:#0066cc;--soft-blue:#edf5ff;--line:#e5e5ea;--navy:#0066cc;--teal:#0066cc;--red:#c42b32;--pink:#fff2f2;--primary:#0066cc;--primary-hover:#0057b8;--shadow:0 2px 10px #00000005,0 1px 3px #00000003;background:var(--surface);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--paper:#2c2c2e;--surface:#000000;--grouped:#1c1c1e;--ink:#f5f5f7;--muted:#b2b2bb;--blue:#64aaff;--soft-blue:#182e49;--line:#414144;--navy:#0066cc;--teal:#0066cc;--red:#ff8a8f;--pink:#3b2024;--primary:#0066cc;--primary-hover:#0057b8;--shadow:0 2px 10px #00000012}
body{background:var(--surface);color:var(--ink)}
button,input,select,textarea,dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
button:disabled,button.primary:disabled{opacity:1;background:var(--grouped);color:var(--muted);border-color:var(--line)}
button.primary,button.primary:hover{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}
button:hover{background:var(--grouped)}button.active,button[aria-pressed=true],header nav button.active,.tabs button.active{background:var(--soft-blue);color:var(--blue)}
header,.startbar,.selection-detail,.explanation-pane,#paper,dialog.image-viewer,#login,.login-panel{background:var(--paper);color:var(--ink)}
#gate{background:var(--surface);color:var(--ink);padding:24px}
.login-panel{width:480px;max-width:100%;margin:0;border:0;border-radius:20px;padding:40px;box-shadow:var(--shadow)}
.login-panel h1,.login-panel p,.login-panel summary{color:var(--ink)}#gnote{color:var(--red)}
.login-panel .theme-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:16px}.theme-setting select{min-height:44px}
#display-settings-dialog{width:480px;max-width:calc(100% - 32px)}#display-settings-dialog .display-settings{align-items:stretch;flex-direction:column;gap:0}#display-settings-dialog .display-settings label{justify-content:space-between;min-height:72px;border-bottom:1px solid var(--line);padding:12px 0}
header .brand,.summary strong,.heading small{color:var(--ink)}small,.muted,#session-clock,.text-content .smq,.text-content .meta,.text-content .note{color:var(--muted)}
th,.absent,.original-toggle,#message{background:var(--grouped);color:var(--ink)}
#category-list,#tanmon-chapters{background:transparent;color:var(--ink)}#category-list button,#tanmon-chapters button{background:transparent;color:var(--ink)}#category-list button:hover,#tanmon-chapters button:hover,#category-list button.active,#tanmon-chapters button.active{background:var(--soft-blue);color:var(--blue)}
.text-content .goal,.text-content .goro,.text-content .card,.text-content .memo,.text-content .qb{background:var(--grouped);color:var(--ink);border-color:var(--line)}.progress{background:var(--line)}.field-progress .progress i{background:var(--blue)}
.image-viewport{background:var(--surface)}
/* Medical images and handwriting pages retain their original paper and colors. */
.figure-paper,.image-paper,.explanation-diagram{background:#fff;color:#1c1c1e;color-scheme:light}
.subject-group{min-width:0}.subject-group h2{font-size:15px;color:var(--muted);margin:24px 0 10px;padding:0 12px}.subject-subgroup h3{font-size:15px;color:var(--muted);margin:20px 0 10px;padding:0 12px}
#subitems{display:block}#subitems .subject-group>div,#subitems .subject-subgroup>div{display:flex;flex-wrap:wrap;gap:8px}#subitems .subject-group h2,#subitems .subject-subgroup h3{padding:0}
/* Review cards and the older voice screen share the same design system. */
.legacy-app{font-size:18px;line-height:1.75}.legacy-app main{max-width:860px;padding-top:28px}.legacy-app #gate,.legacy-app #review{background:var(--surface)!important;color:var(--ink)}
.legacy-app li,.legacy-app .fb div,.legacy-app #modes,.legacy-app #vbar{background:var(--paper)!important;color:var(--ink);box-shadow:var(--shadow)}
.legacy-app .top,.legacy-app #prog,.legacy-app #rvcount{color:var(--muted)!important}.legacy-app .note{color:var(--red)}.legacy-app li b{color:var(--blue)}
.legacy-app .book,.legacy-app .row button.sub,.legacy-app #vbar button{background:var(--paper)!important;color:var(--blue);border:1px solid var(--line);border-radius:16px}
.legacy-app .row button:not(.sub),.legacy-app .mic,.legacy-app #rvbtn,.legacy-app #vclose{background:var(--primary)!important;color:#fff;border-radius:16px}
.legacy-app button,.legacy-app input,.legacy-app select{min-height:44px;font-family:inherit}.legacy-app textarea,.legacy-app input,.legacy-app select{background:var(--paper);color:var(--ink);border-color:var(--line)}
.legacy-app .theme-setting{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin:0 0 24px}.legacy-app .stem{font-size:24px;line-height:1.6}.legacy-app li{font-size:18px;padding:16px 20px}.legacy-app .book,.legacy-app .row button{font-size:18px;padding:16px}.legacy-app .fb div{border-width:0 0 0 3px;padding:20px}.legacy-app .fb .ok{border-color:var(--blue)!important}.legacy-app .fb .ng{border-color:var(--red)!important}.legacy-app .fb .partial,.legacy-app .fb .none{border-color:var(--muted)!important}.legacy-app textarea{font-size:18px;border-width:1px}.legacy-app #vbar button.sel{background:var(--soft-blue)!important;border-color:var(--blue)}
@media(max-width:650px){
 #category-list{display:block;max-height:340px;overflow-y:auto;padding:8px 0}#category-list>button{width:100%}#category-list .subject-group>div,#category-list .subject-subgroup>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#category-list button{width:100%;min-width:0;white-space:normal;margin:0;font-size:15px;padding:10px;flex-wrap:wrap}#category-list button .category-copy{flex:1;min-width:70px}#category-list .subject-group h2,#category-list .subject-subgroup h3{grid-column:1/-1;padding:0;margin-top:18px}
 .login-panel{padding:28px 24px}.heading{flex-direction:column;align-items:flex-start;gap:8px}.legacy-app #vbar{height:122px;flex-wrap:wrap;gap:6px;padding:6px}.legacy-app #vbar button{height:52px;min-width:52px;flex:0 0 52px}.legacy-app #vbar #vclose{height:48px;min-width:0;flex:1 0 100%}.legacy-app #vscroll{top:122px}
}
@media print{:root{--paper:#ffffff;--surface:#ffffff;--ink:#1c1c1e;--muted:#63636a;--blue:#0066cc;--soft-blue:#edf5ff;--red:#c42b32;--pink:#fff2f2}body{background:#fff;color:#1c1c1e}}
.legacy-app button,.legacy-app input,.legacy-app select{font:inherit;border-radius:12px;padding:10px 12px;border:1px solid var(--line)}.legacy-app #modes{padding:20px!important;border-radius:16px}.legacy-app #modes>div{padding:10px 0;border-bottom:1px solid var(--line)}.legacy-app #modes>div:last-child{border-bottom:0}.legacy-app #modes label{display:flex;align-items:center;gap:10px;min-height:44px}.legacy-app #modes input{width:20px;height:20px;min-height:20px;accent-color:var(--blue);flex:none}.legacy-app #modes small{display:block;color:var(--muted);font-size:14px;line-height:1.7;margin-left:30px}.legacy-app #modes label.unavailable{color:var(--muted)}.legacy-app #prog{font-size:15px!important;line-height:1.8;margin-bottom:20px!important}.legacy-app #rvcount{font-size:16px!important;line-height:1.8}.legacy-app #gate input{font-size:18px!important;border-width:1px!important}

/* The companion login and original textbook viewer use the same surfaces. */
.legacy-app #gate{padding:32px 20px!important;overflow-y:auto;text-align:left!important}
.legacy-app .legacy-login-panel{margin:max(0px,calc((100vh - 740px)/2)) auto;text-align:left}
.legacy-app .legacy-login-panel .theme-setting{margin:0 0 24px;padding:0 0 20px;border-top:0;border-bottom:1px solid var(--line)}
.legacy-app .legacy-login-panel h2{font-size:27px;line-height:1.4;margin:0 0 16px}
.legacy-app .legacy-login-panel details{border-top:1px solid var(--line);padding-top:20px}
.legacy-app .legacy-login-panel summary{min-height:44px;cursor:pointer}
.legacy-app .legacy-login-panel #gkey{width:100%!important}
.legacy-app .legacy-login-panel #google-note{color:var(--muted);font-size:15px}
.legacy-app #viewer{background:var(--surface)}
.legacy-app #vbar{top:16px;left:16px;right:16px;max-width:1000px;margin:auto;height:76px;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 4px 14px #00000008;z-index:2}
.legacy-app #vbar button{height:52px;min-width:52px;padding:8px;border-width:1px;border-radius:12px}
.legacy-app #vscroll{top:108px;padding:0 16px 16px}
.legacy-app h2{font-size:24px;line-height:1.5}
@media(max-width:650px){.legacy-app #gate{padding:20px 16px!important}.legacy-app .legacy-login-panel{padding:28px 24px}.legacy-app #vbar{top:12px;left:12px;right:12px;height:122px;gap:6px;padding:6px}.legacy-app #vbar button{flex:1 1 44px;min-width:44px;height:48px}.legacy-app #vbar #vclose{flex:1 0 100%}.legacy-app #vscroll{top:146px;padding:0 12px 12px}}

.legacy-app li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line)}
.legacy-app li b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--grouped);color:var(--ink);font-weight:400;text-transform:uppercase;line-height:1}
.legacy-app .mic.on{background:var(--pink)!important;color:var(--red)}

.legacy-app .login-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;margin-bottom:32px}.legacy-app .brand-logo{width:34px;height:34px;color:var(--blue);flex:none}

/* Keep text clear of both overlay and permanently visible vertical scrollbars. */
:root{--scroll-clearance:calc(16px + 12px);--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2363636a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:root[data-theme=dark]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b2b2bb' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Include palette, notebook and legacy selects despite their local padding rules. */
select,.ink-toolbar select,.legacy-app select{appearance:none;-webkit-appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-size:12px 8px;background-position:right 14px center;padding-right:36px}
select[multiple],select[size]:not([size="1"]){background-image:none}
.ink-toolbar select{min-width:108px;max-width:134px}
#category-list,#tanmon-chapters,#tanmon-list,#text-toc,#authors,.notebook-settings,dialog:not(.image-viewer),.zoom-scroll,#gate,.legacy-app #gate{scrollbar-gutter:stable;padding-right:var(--scroll-clearance)}
#category-list button{flex-wrap:nowrap;margin:0;gap:8px}
#category-list .category-copy{flex:1 1 0;min-width:0;overflow-wrap:anywhere;white-space:normal}
#category-list .remaining{flex:0 0 auto;white-space:nowrap}
#text-toc details{margin:0;padding:0;border-top:0;border-bottom:1px solid var(--line)}
#text-toc summary{padding:12px;line-height:1.5}
#text-toc button{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:12px}
#text-toc details:last-child{border-bottom:0}

/* Compact, aligned header lockup. */
header .brand,header:has([data-view=solve].active) .brand{font-family:-apple-system,"Hiragino Sans",sans-serif;font-size:21px;font-weight:650;letter-spacing:-.01em;gap:8px;align-items:flex-start}
header .brand-logo{width:28px;height:28px;margin-top:calc((1.2em - 28px)/2)}
header .brand>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.2}
header .brand-title{display:block}
header .brand-caption{margin:0;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.3;color:var(--muted)}

/* One 70px action row on iPad; two rows on phones, plus the safe area. */
.startbar{position:fixed;bottom:0;left:max(16px,calc((100vw - 1424px)/2));right:max(16px,calc((100vw - 1424px)/2));display:grid;grid-template-columns:minmax(0,156px) minmax(0,184px) minmax(max-content,1fr) auto auto;align-items:center;gap:10px;margin:0;padding:13px 12px calc(13px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;z-index:20}
.startbar label{position:relative;display:block;min-width:0;margin:0}
.startbar label>span{position:absolute;top:-8px;left:10px;padding:0 3px;background:var(--paper);color:var(--muted);font-size:11px;line-height:16px}
.startbar select{width:100%;height:44px;min-height:44px;padding-top:9px;padding-bottom:9px;font-size:14px}
.startbar-actions{display:contents}
.startbar #selection-count{justify-self:end;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}
.startbar #start,.startbar #download{width:auto;min-height:44px;height:44px;margin:0;padding:8px 12px;font-size:14px;white-space:nowrap;line-height:1.5}
.startbar #start{font-weight:600}
main:has(#v-select:not(.hide)){padding-bottom:calc(var(--selection-bar-height,70px) + 24px)}
html:has(#v-select:not(.hide)){scroll-padding-bottom:calc(var(--selection-bar-height,70px) + 24px)}
@media(max-width:650px){
 .startbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding:13px 10px calc(13px + env(safe-area-inset-bottom))}
 .startbar-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0}
 .startbar #selection-count{margin-right:auto}
 .startbar #start,.startbar #download{flex:0 0 auto;padding:8px 10px}
}
@media print{.startbar{display:none}}
/* Task 23: one persistent writing bar, shared by every ink surface. */
:root{--ink-bar-height:62px;--ink-top-offset:62px}
:root[data-ink-position=bottom]{--ink-top-offset:0px}
body:has(#global-ink-toolbar){padding-top:var(--ink-top-offset);padding-bottom:var(--ink-bar-height)}
#global-ink-toolbar{position:fixed;inset:0 0 auto;z-index:35;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin:0;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));height:var(--ink-bar-height);border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--paper);box-shadow:var(--shadow)}
#global-ink-toolbar .ink-main-tools{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}
#global-ink-toolbar .ink-main-tools::-webkit-scrollbar{display:none}
#global-ink-toolbar button,#global-ink-toolbar summary{min-height:44px;flex-shrink:0;padding:8px 10px;font-size:14px;white-space:nowrap}
#global-ink-toolbar [data-pages]{margin-left:auto}
#global-ink-toolbar .ink-color,#global-ink-toolbar .ink-width{display:flex;align-items:center;flex-shrink:0;gap:6px;min-height:44px;margin:0;padding:0 6px;font-size:13px;white-space:nowrap}
#global-ink-toolbar input[type=color]{width:32px;min-height:32px;height:32px;padding:2px;border-radius:8px;cursor:pointer}
#global-ink-toolbar .ink-width select{min-width:58px;width:58px;max-width:58px;min-height:44px;padding:6px 22px 6px 8px;background-position:right 7px center;font-size:14px}
#global-ink-toolbar>.notebook-tools{position:static;flex-shrink:0}
#global-ink-toolbar .notebook-settings{position:absolute;left:auto;right:12px;top:calc(100% + 8px);margin:0;max-height:calc(100dvh - 90px)}
#global-ink-toolbar>small{position:absolute;right:70px;bottom:0;font-size:10px;line-height:12px;max-width:50vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0}
:root[data-ink-position=bottom] #global-ink-toolbar{inset:auto 0 0;border-bottom:0;border-top:1px solid var(--line);padding-bottom:max(8px,env(safe-area-inset-bottom));height:calc(var(--ink-bar-height) + env(safe-area-inset-bottom))}
:root[data-ink-position=bottom] #global-ink-toolbar .notebook-settings{top:auto;bottom:calc(100% + 8px)}
header{scroll-margin-top:var(--ink-top-offset)}
.text-content,.text-content [id],.annotation-block{scroll-margin-top:calc(var(--ink-top-offset) + 16px)}
#text-toc{top:calc(var(--ink-top-offset) + 16px);border-right:0;max-height:calc(100dvh - var(--ink-bar-height) - 48px)}
#text-toc details{border:1px solid transparent;border-bottom-color:var(--line);border-radius:14px;margin:0 0 6px;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;overflow:hidden}
#text-toc details[open]{background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)}
#text-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:16px;list-style:none;min-height:48px}
#text-toc summary::-webkit-details-marker{display:none}
#text-toc .toc-chevron{display:inline-block;font-size:25px;font-weight:400;line-height:1;transition:transform .2s;color:var(--muted);transform-origin:center}
#text-toc details[open] .toc-chevron{transform:rotate(90deg);color:var(--blue)}
#text-toc .toc-points{margin:0 12px 10px 22px;padding-left:10px;border-left:2px solid var(--blue);overflow:hidden}
#text-toc .toc-points button{display:block;margin:0;width:100%;min-height:44px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-size:14px;line-height:1.4}
#text-toc .toc-points button:last-child{border-bottom:0}
#text-toc .toc-points button.active{border-radius:8px;color:var(--blue);background:var(--soft-blue)}
#text-toc .toc-points button>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.text-content .rm a{display:block;min-height:44px;padding:6px 0}
.figure-ink-state{display:block;margin:4px 0;font-size:11px}
.notebook-dialog:has(#global-ink-toolbar),.image-viewer:has(#global-ink-toolbar),.ink-zoom-dialog:has(#global-ink-toolbar){padding-top:calc(var(--ink-top-offset) + 18px);padding-bottom:calc(var(--ink-bar-height) + 18px)}
@media(max-width:760px){#text-toc{max-height:360px}#global-ink-toolbar button{padding:8px}#global-ink-toolbar{padding-left:8px;padding-right:8px}.text-layout>div{min-width:0}}
@media(prefers-reduced-motion:reduce){#text-toc details,#text-toc .toc-chevron{transition:none}}
@media print{#global-ink-toolbar{display:none!important}body:has(#global-ink-toolbar){padding:0}}
#text-toc summary::after{content:none}
#global-ink-toolbar [data-undo],#global-ink-toolbar [data-redo],#global-ink-toolbar [data-toggle],#global-ink-toolbar [data-pages],#global-ink-toolbar .notebook-tools>summary{font-size:0;padding:10px;gap:0}
:root[data-ink-position=bottom] .startbar,:root[data-ink-position=bottom] .solve-footer{bottom:calc(var(--ink-bar-height) + env(safe-area-inset-bottom))}
:root[data-ink-position=bottom] main{padding-bottom:calc(var(--selection-bar-height,90px) + var(--ink-bar-height) + 32px)}
/* Compact filter rows share the same layout on phones, tablets and computers. */
#question-filters .filter-panel>p{font-size:12px;margin:8px 0;color:var(--muted)}
#question-filters .filter-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 0}
#question-filters .filter-groups[hidden]{display:none}
#question-filters .filter-row{display:grid;grid-template-columns:3.5em minmax(0,1fr);align-items:center;gap:8px;min-width:0}
#question-filters .filter-label{font-size:12px;color:var(--muted);white-space:nowrap}
#question-filters .filter-choices{display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px}
#question-filters .filter-choices label{flex:0 0 auto;white-space:nowrap;min-height:44px;gap:5px;padding:5px 9px;font-size:14px;border-radius:18px;overflow-wrap:normal}
#question-filters .filter-choices input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;min-height:16px;font-size:16px}
#question-filters .filter-choices label:focus-within{outline:2px solid var(--blue);outline-offset:1px}
#question-filters #filter-advanced{padding:0;border-top:0}
#question-filters #filter-advanced>summary{font-size:13px;min-height:36px;padding:6px 0}
#question-filters .filter-panel-actions{padding-top:8px}
/* login width fix (phone) */
#gate{grid-template-columns:minmax(0,1fr);padding:16px;box-sizing:border-box}
#gate .login-panel{width:min(480px,100%);max-width:100%;min-width:0;margin:0 auto;box-sizing:border-box}
#gate .login-panel *{max-width:100%}
#gate .login-panel p{overflow-wrap:anywhere}
#google-button,#google-button>div,#google-button iframe{max-width:100%!important}
@media (max-width:500px){#gate .login-panel{padding:24px 20px}.login-panel .theme-setting{flex-wrap:wrap}.login-panel .theme-setting select{flex:1 1 140px;min-width:0}}

/* Immediate touch feedback; retain the existing quiet blue/white surfaces. */
button,a,summary,input,select,label{touch-action:manipulation}
button:active,a:active,summary:active{opacity:.72}
#question-list[aria-busy=true]{opacity:.65}
@media(pointer:coarse){
  dialog::backdrop{backdrop-filter:none}
  dialog{box-shadow:0 8px 30px #00000020}
}

#app-update{padding:10px 24px;border-bottom:1px solid var(--line);background:var(--soft-blue);color:var(--ink)}

/* Appearance is the first setting, shared with the login preference. */
#display-settings-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:480px;max-width:100%;max-height:85dvh;border-radius:22px 22px 0 0;padding:24px 24px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line)}
#display-settings-dialog .theme-options{border:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin:0;min-width:0}
.theme-options legend{font-size:16px;font-weight:600;padding:0;margin:0 0 12px}
.theme-segments{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.theme-segments button{min-width:0;min-height:44px;padding:8px 4px;font-size:14px;white-space:nowrap;border:0;border-radius:9px;background:transparent;color:var(--ink);box-shadow:none;transition:none}
.theme-segments button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0002;font-weight:600}
.theme-segments button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}