/* Minimal KeyStep shell. Text is the work surface; controls stay quiet until needed. */
:root{--bg:#f8f9f7;--surface:#fff;--surface-2:#edf0eb;--ink:#232923;--muted:#646d62;--soft:#84907e;--line:#dfe5db;--accent:#e53950;--accent-ink:#c42138;--tint:#fcecf0;--mono:'Cascadia Code','SFMono-Regular',Consolas,'Liberation Mono',monospace}:root[data-theme=dark]{--bg:#1a1e1b;--surface:#202621;--surface-2:#272e28;--ink:#e2e8db;--muted:#a0ac99;--soft:#7e8c77;--line:#333d33;--accent:#b6e66e;--accent-ink:#b6e66e;--tint:#2a3524}body{background:var(--bg);font-size:15px}.header{height:92px;max-width:1120px;border:0;padding:0 28px;gap:25px}.brand{font-size:27px;letter-spacing:-1.5px}.brand-icon{box-shadow:none!important;border:0!important;background:transparent!important;width:27px!important;height:29px!important;padding:0!important;margin-right:6px;font-size:26px!important;border-radius:0!important}.brand-icon>span{font-size:14px;right:0;top:-2px}.header nav{background:none;border:0;padding:0;margin:0;gap:7px;align-self:center;display:flex}.header-actions{margin-left:auto;gap:6px}.icon-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative;min-width:35px!important;width:35px!important;height:35px!important;padding:7px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;flex:none!important;overflow:visible!important;cursor:pointer}.icon-action .button-icon{display:block;line-height:0;width:21px;height:21px}.icon-action svg{width:21px;height:21px;display:block}.icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.icon-action:hover,.icon-action:focus-visible{color:var(--ink)!important;background:var(--surface-2)!important;filter:none!important;transform:none!important}.icon-action.active,.icon-action[aria-selected=true],.icon-action[aria-pressed=true]{color:var(--accent-ink)!important;background:transparent!important}.icon-action:after{content:attr(data-tooltip);position:absolute;z-index:15;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);border-radius:5px;background:var(--ink);color:var(--bg);padding:6px 9px;font:11px/1.3 'DM Sans',sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.header .icon-action:after{bottom:auto;top:calc(100% + 8px)}.icon-action:hover:after,.icon-action:focus-visible:after{opacity:1}.icon-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.header .nav.active:before,.header .nav.active:after{display:none}.header .nav.icon-action:hover:after,.header .nav.icon-action:focus-visible:after{display:block}.header .nav.active{border:0;box-shadow:none}.header .settings-button,.header .header-language,.header .icon-button{display:inline-flex}body:not([data-screen=practice]) .header nav,body:not([data-screen=practice]) #first-assessment{display:none!important}
main{max-width:1064px;padding:0 28px}.intro,.miso-home,.bottom-tip{display:none!important}#practice-view{position:relative;padding-top:54px;min-height:65vh}.practice-tools{float:right;display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0!important;min-height:35px}.practice-tools .focus-toggle{margin:0}.mode-switch{display:inline-flex!important;width:auto!important;gap:6px;align-items:center;margin:0 0 24px;padding:0;background:none;border:0}.mode-switch .mode{display:inline-flex!important;min-height:35px!important;grid-template-columns:none!important;min-width:35px!important;width:35px!important;height:35px!important;box-shadow:none!important;border:0!important;background:transparent!important;gap:0!important}.mode-switch .mode.active{color:var(--accent-ink)!important}.mode small,.mode-symbol{display:none}.workspace{clear:both;display:block}.journey-disclosure{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;margin:0 0 22px;box-shadow:none}.journey-disclosure>summary{padding:9px 0;min-height:42px}.journey-current{gap:0}.journey-icon{display:none}.journey-current strong{font:500 12px/1.6 var(--mono);letter-spacing:0}.journey-current small{font-size:10px}.journey-disclosure>summary>span:last-child{font-size:11px}.journey{padding:12px 0;border:0;background:none}.aside-heading{display:none}.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.levels:before,.levels:after{display:none}.level{background:transparent!important;border:0!important;box-shadow:none;min-height:40px!important;max-width:none!important;min-width:0!important;border-radius:5px;padding:7px 9px;gap:9px}.level.active{background:var(--surface-2)!important;color:var(--accent-ink)}.level-number{background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;font:12px var(--mono);width:25px!important;min-width:25px!important;height:24px}.level-title{font-size:12px}.level-status{display:none!important}.level:disabled{opacity:.55}.journey-chapters{gap:6px;margin-bottom:8px}.journey-chapters button{font:11px var(--mono);padding:6px 9px;border:0;background:transparent}.journey-chapters button[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}.practice-card{background:none;border:0!important;border-radius:0;box-shadow:none;overflow:visible}.card-heading{border:0;padding:0;min-height:0;margin:12px 0 20px;align-items:center}.card-heading h2{display:none}.card-heading .level-label{font:11px var(--mono);letter-spacing:0;color:var(--soft)}.mode-badge,.badge{border:0;background:none;font-size:10px;padding:0}.stats{display:flex;justify-content:flex-start;gap:36px;padding:0!important;margin:22px 0 28px;border:0!important;background:none}.stats>div,.stats>div:last-child,.stats>div:nth-child(2),.stats>div:nth-child(3){border:0!important;background:none!important;border-radius:0;padding:0!important;min-height:0;box-shadow:none}.stats .stat-label{font:10px/1.5 var(--mono);letter-spacing:0;color:var(--soft);margin:0 0 3px}.stats strong{font:500 23px/1.4 var(--mono)!important;letter-spacing:-1px;color:var(--muted)!important;margin:0}.stats strong small{font-size:11px!important;color:var(--soft);letter-spacing:0}.typing-area,.text-surface .typing-area{padding:0!important;min-height:200px;cursor:text}.typing-area:focus-within{background:none}.word-caption{display:none}.target-word{font:500 48px/1.6 var(--mono)!important;letter-spacing:1px!important;min-height:100px!important;margin:0!important;color:var(--soft)}.text-surface .target-word{font:400 27px/1.8 var(--mono)!important;letter-spacing:0!important;min-height:150px!important;max-height:255px;margin:0!important;overflow:hidden}.text-token{color:var(--soft);margin:0}.text-surface .text-token.current{background:none;border-radius:0}.text-token.completed,.text-token .correct{color:var(--ink)}.text-token.current{color:var(--soft)}.target-word .cursor:before,.text-token .cursor:before{background:var(--accent);width:2px!important;top:.15em!important;height:1.2em!important;left:-2px!important}.typing-hint{font:11px/1.7 var(--mono);color:var(--soft);margin-top:20px;min-height:20px;text-align:center!important}.typing-hint.is-error{color:var(--wrong)}.up-next{font:15px var(--mono);margin-top:16px}.up-next .next-label{font-size:10px}.pronunciation{font-size:12px}.word-footer{border:0!important;padding:17px 0 0;justify-content:center;position:relative}.word-footer #error-count{position:absolute;left:0;font:10px var(--mono);color:var(--soft)}.round-progress{height:2px;margin-top:16px;background:transparent}.round-progress>div{background:var(--accent);opacity:.5}.text-options{clear:both;display:flex;justify-content:center;align-items:center;gap:16px;border:0;border-radius:0;background:var(--surface-2);box-shadow:none;padding:10px 14px;margin:0 0 27px}.text-options label{font:10px var(--mono);gap:3px;color:var(--soft)}.text-options select{font:11px var(--mono);border:0;border-radius:3px;min-height:26px!important;min-width:0!important;width:auto;background:transparent;max-width:135px;padding:3px 16px 3px 3px;color:var(--muted)}.text-options .option-check{font:11px var(--mono);min-height:26px}.text-options input{width:12px;height:12px}.text-options button{padding:5px 8px;min-height:26px;font-size:10px;margin:0;background:none}.keyboard-card{border:0;border-radius:0;box-shadow:none;padding:0!important;margin:30px 0 0;background:none}.keyboard-heading{justify-content:center;margin:0}.keyboard-heading>div{display:none}.keyboard-chassis{margin-top:18px}.keyboard-footer{font-size:10px;margin:10px 0 0}.keyboard-card:has(#keyboard-chassis[hidden]) .keyboard-footer{display:none}.focus-mode .header .brand,.focus-mode .header nav{opacity:.65}.focus-mode #practice-view{padding-top:32px}.focus-mode .mode-switch{opacity:.5}.focus-mode .mode-switch:focus-within,.focus-mode .mode-switch:hover{opacity:1}.is-typing .mode-switch{opacity:.45}.is-typing .mode-switch:hover,.is-typing .mode-switch:focus-within{opacity:1}
#onboarding-root{max-width:980px;margin:0 auto;min-height:65vh}.welcome-content{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:64vh;text-align:center;gap:0}.welcome-kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--soft)}.welcome-content h1{font:650 34px/1.35 Manrope,sans-serif;letter-spacing:-1.1px;margin:18px 0 12px}.welcome-content>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:420px;margin:0 0 28px}.welcome-content .get-started{font-size:14px;padding:12px 23px;border-radius:7px;display:flex;align-items:center;gap:30px;box-shadow:none;min-width:175px;justify-content:space-between;background:var(--ink);color:var(--bg)}.welcome-content small{font-size:11px;line-height:1.8;color:var(--soft);max-width:350px;margin-top:17px}.assessment-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:65px}.assessment-meta h1{font:600 22px/1.4 Manrope,sans-serif;letter-spacing:-.6px;margin:10px 0 5px}.assessment-meta p{font:11px var(--mono);color:var(--soft);margin:0}.assessment-note{font:11px/1.8 var(--mono);color:var(--soft);margin:18px 0 28px}.assessment-live{display:flex;gap:34px;margin-bottom:28px}.assessment-live>span{display:flex;gap:8px;align-items:baseline;font:12px var(--mono);color:var(--soft)}.assessment-live strong{font:500 18px var(--mono);color:var(--muted)}.assessment-live small{font-size:10px}.assessment-typing{position:relative;cursor:text}.assessment-text{font:400 26px/1.85 var(--mono);color:var(--soft);overflow-wrap:anywhere;user-select:none}.assessment-word{display:inline-block;white-space:pre}.assessment-word.done,.assessment-word .correct{color:var(--ink)}.assessment-word .wrong{color:var(--wrong);text-decoration:underline;text-underline-offset:5px}.assessment-word .caret{position:relative}.assessment-word .caret:before{content:'';position:absolute;left:-1px;top:0;width:2px;height:1.3em;background:var(--accent);animation:blink 1.1s infinite}#assessment-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px;cursor:text}.assessment-hint{font:11px/1.8 var(--mono);color:var(--muted);min-height:20px;margin-top:25px}.assessment-instructions{font-size:11px;line-height:1.9;color:var(--soft);max-width:740px}.assessment-controls{display:flex;justify-content:center;margin:17px 0}.onboarding-notice{font-size:11px;line-height:1.85;color:var(--muted);max-width:740px}.onboarding-notice:empty{display:none}#onboarding-root[data-phase=assessment-results]{padding-top:55px;max-width:820px}#onboarding-root[data-phase=assessment-results]>h1{font:600 26px/1.45 Manrope,sans-serif;letter-spacing:-.7px;margin:12px 0 27px;outline:none}.assessment-results-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--line);padding-bottom:26px}.assessment-results-metrics strong{display:block;font:500 30px var(--mono);letter-spacing:-1px}.assessment-results-metrics span{font:10px var(--mono);color:var(--soft);display:block;margin-top:8px}.assessment-word-review{padding:22px 0}.assessment-word-review h2{font-size:12px;font-weight:550;margin:0 0 12px}.assessment-word-review>span{display:inline-block;font:12px var(--mono);color:var(--muted);margin:0 18px 8px 0}.assessment-word-review>p{font-size:12px;color:var(--soft)}.first-miso{display:flex;align-items:flex-start;gap:18px;border-top:1px solid var(--line);padding:22px 0 12px}.first-miso img{width:52px;height:78px;object-fit:contain}.first-miso h2{font-size:12px;font-weight:650;margin:0 0 9px}.first-miso p{font-size:15px;line-height:1.9;color:var(--ink);white-space:pre-line;margin:0}.assessment-result-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:27px 0 40px}.assessment-result-actions .primary{font-size:13px;border-radius:6px;padding:12px 20px;box-shadow:none}.assessment-result-actions .secondary{font-size:12px;background:none;padding:10px 0;color:var(--muted)}
.lesson-panel{box-shadow:none;border:0;background:none;border-radius:0}.lesson-panel>.mentor-card,.lesson-panel.compact>.mentor-card{border:0;background:none!important;padding:0;gap:10px}.lesson-panel>.mentor-card .mentor-portrait,.lesson-panel.compact>.mentor-card .mentor-portrait{width:42px;height:65px}.lesson-panel .mentor-speech{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;border-radius:0}.lesson-panel .mentor-speech:before,.lesson-panel .mentor-speech:after{display:none}.lesson-panel>.mentor-card .mentor-line{font-size:13px}.lesson-panel>.mentor-card .mentor-detail{font-size:12px}.lesson-panel .mentor-byline span{font-size:10px}.lesson-panel .lesson-actions{border:0;padding:12px 0}.lesson-panel .lesson-actions .primary{background:var(--surface-2);color:var(--muted);font-size:11px;padding:8px 10px}.lesson-key-strip{padding:12px 0}.finger-guide{padding:15px 0!important}.lesson-rules{padding:0!important}.lesson-rules>span{border:0;background:none;padding:4px 0}.results-dialog{max-width:750px;border-radius:12px;box-shadow:0 20px 80px #0003}.results-dialog .mentor-card{background:none;border:0;padding:10px 0}.results-dialog .mentor-portrait{width:55px;height:80px}.results-dialog .mentor-speech{background:none;border:0;padding:0;box-shadow:none}.results-dialog .mentor-speech:before,.results-dialog .mentor-speech:after{display:none}.results-dialog .mentor-line{font-size:15px!important}.results-dialog .mentor-detail{font-size:12px!important}.results-dialog .mentor-byline{margin-bottom:8px}.results-dialog #advice-heading{font-size:24px}.results-dialog .result-stats{gap:12px}.results-dialog .result-stats>div{background:none;border:0}.next-step-card{background:none;border-left:2px solid var(--line);border-top:0;border-right:0;border-bottom:0;border-radius:0;padding:6px 18px}.next-step-card .primary{width:auto;font-size:12px;padding:10px 13px;min-height:36px}.account-dialog{max-width:420px;border-radius:12px;box-shadow:0 18px 80px #0003;padding:27px}.account-heading img{display:none}.account-heading h2{font-size:24px}.account-dialog>.account-heading{gap:0}.account-form{gap:15px}.account-form input{border-radius:6px;padding:11px}.account-tabs{background:none;border-radius:0;padding:0;border-bottom:1px solid var(--line)}.account-tabs button{border-radius:0;color:var(--soft);font-size:13px}.account-tabs [aria-pressed=true]{background:none;box-shadow:none;border-bottom:2px solid var(--accent)}.account-form .primary{border-radius:6px;font-size:13px}.mentor-settings{display:none}.settings-header h2{font-size:23px}.sound-choice{box-shadow:none}.chat-heading h1{font-size:28px}.chat-heading p{font-size:13px}.chat-workspace{grid-template-columns:220px minmax(0,1fr)}.chat-coach-portrait img{display:none}.chat-sidebar{background:none;border:0;padding:0 20px 0 0;border-right:1px solid var(--line);border-radius:0}.chat-coach-portrait h2{font-size:19px}.chat-conversation{background:none;border:0;box-shadow:none}.chat-message>img{width:35px;height:52px}.chat-bubble{border-radius:7px}.chat-heading [data-new-chat]{font-size:11px;background:none}.chat-suggestions button{font-size:11px;padding:7px 10px}.chat-compose button{font-size:12px;min-width:50px}.progress-page{padding-top:45px}.progress-page h2{font-size:29px}.history-panel{box-shadow:none}.focus-mode .practice-card{border:0}footer{border:0;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--soft);gap:15px;margin-top:45px;padding-bottom:22px}footer>span{display:none}footer .minimal-keys{display:inline}body:not([data-screen=practice]) footer .minimal-keys{visibility:hidden}footer a{font-size:10px}footer .icon-action{width:27px!important;min-width:27px!important;height:27px!important;padding:5px!important}footer .icon-action svg{width:16px;height:16px}
@media(min-width:1050px){.practice-column:has(#lesson-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 280px;gap:28px}.lesson-panel .mentor-speech{min-width:0}.lesson-panel .finger-guide{flex-direction:column}}
@media(max-width:800px){.header{height:77px;padding:0 22px;gap:14px}.header-actions{gap:2px}.header .brand{font-size:24px}.header nav{gap:2px}.icon-action{width:32px!important;min-width:32px!important;height:32px!important;padding:6px!important}main{padding:0 22px}.text-options{gap:10px;justify-content:flex-start}.text-options label{flex:none!important;min-width:0!important}.text-options select{max-width:115px}.text-options button{width:auto;margin-left:auto}.stats{gap:27px}.text-surface .target-word{font-size:25px!important}.assessment-text{font-size:24px}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-workspace{grid-template-columns:1fr}.chat-sidebar{border:0;border-bottom:1px solid var(--line);padding:0 0 18px}.chat-coach-portrait{margin:0}.chat-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-stats strong{font-size:17px}}
@media(max-width:560px){.header{flex-wrap:nowrap;height:72px;min-height:72px;gap:8px;padding:0 16px}.header .brand{font-size:22px;letter-spacing:-1px}.header .brand-icon{display:none}.header nav{order:0;width:auto;justify-content:initial;gap:1px;margin-left:4px}.header-actions{gap:0}.header-language,.header #help{display:none!important}.header .icon-action{width:30px!important;min-width:30px!important;height:30px!important;padding:6px!important}.header .icon-action svg{width:18px;height:18px}.icon-action:after{font-size:10px}.header-actions .icon-action:after{left:auto;right:0;transform:none}.header nav .icon-action:after{max-width:160px;white-space:normal}.brand-light{font-weight:450}main{padding:0 19px}#practice-view{padding-top:34px;min-height:65vh}.practice-tools{gap:1px}.mode-switch{gap:4px;margin-bottom:18px}.mode-switch .mode{width:33px!important;min-width:33px!important;height:33px!important}.text-options{gap:10px 13px;padding:10px 12px;margin-bottom:24px}.text-options label{font-size:9px}.text-options select{font-size:10px;max-width:110px;padding-right:8px;max-width:100%}.text-options .option-check{font-size:10px}.text-options button{font-size:10px}.stats{gap:24px;margin:20px 0 23px;justify-content:space-between}.stats .stat-label{font-size:8px!important}.stats strong{font-size:19px!important}.stats strong small{font-size:9px!important}.typing-area,.text-surface .typing-area{min-height:210px}.text-surface .target-word{font-size:23px!important;line-height:1.85!important;max-height:260px}.target-word{font-size:42px!important}.typing-hint{font-size:10px;line-height:1.8;margin-top:16px}.word-footer #error-count{font-size:9px;max-width:65%}.keyboard-card{margin-top:24px}.keyboard-heading{font-size:11px}.welcome-content{min-height:65vh}.welcome-content h1{font-size:29px}.welcome-content>p{font-size:13px;max-width:285px;line-height:1.9}.welcome-content small{max-width:270px;font-size:10px}.welcome-content .get-started{padding:12px 18px;min-width:165px}.assessment-meta{margin-top:37px}.assessment-meta h1{font-size:20px}.assessment-note{font-size:10px;margin-bottom:23px}.assessment-live{gap:19px;margin-bottom:24px;flex-wrap:wrap}.assessment-live>span{gap:5px}.assessment-live strong{font-size:16px}.assessment-live small{font-size:9px}.assessment-text{font-size:21px;line-height:1.9}.assessment-hint{font-size:10px}.assessment-instructions,.onboarding-notice{font-size:10px}.assessment-controls{margin:14px 0}.assessment-results-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.assessment-results-metrics strong{font-size:27px}.assessment-results-metrics span{font-size:10px}.assessment-word-review{padding:20px 0}.first-miso{gap:12px}.first-miso img{width:42px;height:63px}.first-miso p{font-size:14px;line-height:1.9}#onboarding-root[data-phase=assessment-results]{padding-top:28px}#onboarding-root[data-phase=assessment-results]>h1{font-size:23px}.assessment-result-actions{align-items:stretch;gap:10px}.assessment-result-actions button{width:100%;text-align:center}.journey-current strong{font-size:12px}.journey-current small{font-size:10px}.journey-disclosure>summary>span:last-child{font-size:10px}.level{min-height:35px!important}.level-title{font-size:11px}.lesson-panel{padding-top:22px;border-top:1px solid var(--line);margin-top:20px}.practice-column:has(#lesson-panel:not([hidden])){display:flex;flex-direction:column}.practice-column:has(#lesson-panel:not([hidden]))>.practice-card{order:0}.practice-column:has(#lesson-panel:not([hidden]))>.lesson-panel{order:1}.practice-column:has(#lesson-panel:not([hidden]))>.keyboard-card{order:2}.results-dialog #advice-heading{font-size:22px}.chat-heading h1{font-size:25px}.chat-heading{padding-top:25px}.chat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin-top:35px;font-size:9px;flex-wrap:nowrap}.minimal-keys{font-size:9px}.focus-mode #practice-view{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.assessment-word .caret:before{animation:none}.icon-action:after{transition:none}}
.icon-action[hidden]{display:none!important}footer .icon-action:after{left:0;transform:none}
.account-guest{display:none}.mode-switch .icon-label{display:block}.keyboard-heading .icon-action{display:inline-flex}
.mentor-info .mentor-portrait{display:none}.mentor-info{background:none;border:0}.assessment-meta .icon-action:after{left:auto;right:0;transform:none}
.assessment-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:10px}.assessment-error-list{list-style:none;margin:0;padding:0}.assessment-error-list li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font:13px var(--mono);color:var(--muted)}.assessment-error-list strong{font-weight:500;color:var(--ink)}.assessment-definitions{border-top:1px solid var(--line);padding:18px 0;margin:0 0 12px;font-size:12px;color:var(--muted)}.assessment-definitions summary{cursor:pointer;width:fit-content}.assessment-definitions p{font-size:12px;line-height:1.9;max-width:700px}#onboarding-root .assessment-results-metrics{row-gap:28px}.assessment-results-metrics span{line-height:1.5}@media(max-width:560px){.assessment-review-grid{gap:20px}.assessment-error-list li{font-size:12px}}
.header{display:flex}.header nav{grid-area:auto}.text-options>button.icon-action{margin-left:auto}.text-options>button.icon-action:after{left:auto;right:0;transform:none}@media(max-width:560px){.header{display:flex}.header nav{align-self:center;min-width:0}.text-options{align-items:center}}
.history-panel,.progress-page #progress-stats>div{box-shadow:none;background:none}.progress-page #progress-stats>div{border:0}.chat-compose .icon-action{background:var(--surface-2)!important;border-radius:6px!important;align-self:center}.chat-heading .icon-action{align-self:center}

/* The legacy active-tab underline must not override the icon tooltip. */
.header .nav.icon-action:after{content:attr(data-tooltip);left:50%;right:auto;top:calc(100% + 8px);bottom:auto;height:auto;background:var(--ink);color:var(--bg)}
/* Approved rounded outline icon family. Keep controls and theme states intact. */
.icon-action{color:var(--ink)!important;padding:6px!important}.icon-action .button-icon,.icon-action svg{width:23px;height:23px}.icon-action.active,.icon-action[aria-selected=true],.icon-action[aria-pressed=true]{color:var(--accent-ink)!important}@media(max-width:560px){.header .icon-action .button-icon,.header .icon-action svg{width:20px;height:20px}}