/* v6 overrides: keep the original medium typography at scale 1. */
:root { --font-scale:1; }
body { font-size:calc(16px * var(--font-scale)); }
body[data-theme="dark"] { --ink:#e7f0ed;--muted:#b0c3bc;--line:#365147;--paper:#12221e;--surface:#1b3028;--green:#68cead;--green-deep:#0c3126;--green-soft:#254b3b;--blue-soft:#213c52;--orange-soft:#443624;--red:#ffaba5;--red-soft:#482c2b;--shadow:0 18px 50px rgba(0,0,0,.3);color-scheme:dark; }
body[data-theme="light"] { color-scheme:light; }
body[data-theme="dark"] .topbar,body[data-theme="dark"] .v5-dialog-head,body[data-theme="dark"] .mobile-dock { background:var(--surface); }
body[data-theme="dark"] .ghost,body[data-theme="dark"] .ai-running-button,body[data-theme="dark"] .viewport-switch,body[data-theme="dark"] .viewport-switch button,body[data-theme="dark"] .google-rating-box { background:var(--surface);color:var(--ink); }
body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] select { background:#12221e!important;color:var(--ink)!important; }
body[data-theme="dark"] .primary,body[data-theme="dark"] .avatar { color:#0d251b; }
body[data-theme="dark"] .form-error,body[data-theme="dark"] #loginError { color:#ffb3aa; }
body[data-theme="dark"] .login-card,body[data-theme="dark"] dialog { background:var(--surface); }
body[data-theme="dark"] .v5-banner { background:#433823;color:#ffe4b0; }
body[data-theme="dark"] .login-panel { background:var(--paper); }
body[data-theme="dark"] .v5-summary strong { color:var(--ink); }
button,input,select,textarea { font:inherit; }
.v5-form-grid .field,.field { font-size:calc(14px * var(--font-scale)); }
.breadcrumb h1 { font-size:calc(25px * var(--font-scale)); }
.breadcrumb p,.muted,.v5-banner { font-size:calc(12px * var(--font-scale)); }
.section-card h3 { font-size:calc(18px * var(--font-scale)); }
.v5-dialog-head h2 { font-size:calc(21px * var(--font-scale)); }
pre { font-size:calc(12px * var(--font-scale)); }
[hidden] { display:none!important; }
.v6-metrics { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin-block:14px; }
.v6-number { font-size:calc(24px * var(--font-scale)); }
.v6-hotkeys { display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity; }
.v6-hotkey { flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:#123b30;font-size:calc(14px * var(--font-scale));font-weight:800;min-height:48px; }
.v6-blue { background:#dceefa;color:#154563; }.v6-purple { background:#ece3fa;color:#55367e; }.v6-orange { background:#ffead2;color:#724417; }.v6-red { background:#ffe0df;color:#7b3032; }.v6-green { background:#ddf0df;color:#275a34; }
body[data-theme="dark"] .v6-blue { background:#20475b;color:#c5e7ff; }body[data-theme="dark"] .v6-purple { background:#433052;color:#ebd7ff; }body[data-theme="dark"] .v6-orange { background:#513c23;color:#ffe4ba; }body[data-theme="dark"] .v6-red { background:#562d32;color:#ffc6cc; }body[data-theme="dark"] .v6-green { background:#23452e;color:#d6ffdc; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #3b96bd;outline-offset:2px; }
.v6-reading-controls { display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.v6-reading-controls select { border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface);color:var(--ink);max-width:150px; }
.viewport-switch { flex-wrap:wrap; }
.viewport-switch button { font-size:calc(12px * var(--font-scale));padding:8px; }
#deviceModeLabel { font-size:calc(12px * var(--font-scale));color:var(--muted); }
.top-actions { flex-wrap:wrap; }
.topbar { height:auto;min-height:84px;gap:12px; }
.v6-wide { grid-column:1/-1; }
.v6-step-progress { padding:12px;border-radius:10px;background:var(--blue-soft);margin-bottom:15px;font-weight:800; }
.v6-wizard-grid { display:block; }
.v6-wizard-actions { display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:-22px;padding:14px 0;background:var(--surface);margin-top:15px; }
body[data-handedness="left"] .v6-wizard-actions { justify-content:flex-start; }
.v6-review { padding:14px;border:1px solid var(--line);border-radius:12px;max-height:48dvh;overflow:auto; }
.v6-step-panel { min-width:0; }
dialog { background:var(--surface); }
body[data-viewport="tablet"] #appShell { max-width:1000px;margin-inline:auto; }
body[data-viewport="tablet"] .v5-form-grid,body[data-viewport="tablet"] .v5-cards { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
body[data-viewport="tablet"] .topbar { flex-wrap:wrap;padding:14px 20px; }
body[data-viewport="tablet"] .workspace { padding:20px 20px 40px; }
body[data-viewport="mobile"] #appShell { max-width:430px;margin-inline:auto; }
body[data-viewport="mobile"] .breadcrumb h1 { font-size:calc(18px * var(--font-scale)); }
body[data-viewport="mobile"] .breadcrumb p { font-size:calc(12px * var(--font-scale));white-space:normal; }
body[data-viewport="mobile"] .v6-metrics { grid-template-columns:1fr; }
body[data-viewport="mobile"] #fontSizeSwitch { max-width:125px; }
body[data-viewport="mobile"] .mobile-dock button { width:auto;min-width:66px;font-size:calc(14px * var(--font-scale)); }
body[data-viewport="mobile"] .v6-wizard-actions { flex-wrap:wrap; }
body[data-viewport="mobile"] .v6-wizard-actions button { flex:1; }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }

/* Compact mobile header; preview/reading controls remain one tap away. */
#readingPanel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#readingToggle{display:none}
body[data-viewport="mobile"] #readingToggle{display:inline-flex}
body[data-viewport="mobile"] #readingPanel{display:none}
body[data-viewport="mobile"].reading-open #readingPanel{display:flex;flex-basis:100%;order:10}
body[data-viewport="mobile"] .topbar{gap:6px;padding:10px 12px}
body[data-viewport="mobile"] .top-actions{gap:6px}
body[data-viewport="mobile"] .breadcrumb{min-width:0}
body[data-viewport="mobile"] .topbar h1{margin-bottom:4px}
body[data-viewport="mobile"] #identityLabel{line-height:1.4;margin-bottom:4px}
body[data-viewport="mobile"] dialog{width:min(410px,calc(100vw - 20px))}
body[data-viewport="mobile"] .mobile-dock{right:max(10px,calc((100vw - 430px)/2 + 10px));left:auto}
body[data-viewport="mobile"] .mobile-dock.left{left:max(10px,calc((100vw - 430px)/2 + 10px));right:auto}
body[data-viewport="mobile"] .v5-row{scroll-margin-top:190px}