/* Quiet, flat typing surface. */
/* AdvanceTypingTest identity: warm accent and a softly framed workspace. */
html body.att-ui-app section.kf-lab div.kf-lab-app{padding:24px 32px 28px!important;border:1px solid #ffffff0c!important;border-radius:24px!important;background:linear-gradient(145deg,#36383b,#303235)!important}
html body.att-ui-app .kf-lab .kf-lab-app .kf-lab-toolbar button.on{color:#f3c76a!important;background:#f3c76a12!important}
html body.att-ui-app .kf-lab .kf-mode-group{gap:4px!important;border-bottom:1px solid #ffffff0a!important;padding-bottom:7px!important}
html body.att-ui-app .kf-lab .kf-lab-toolbar .kf-mode-group button{padding:7px 14px!important;border-radius:8px!important}
html body.att-ui-app .kf-lab .kf-lab-meta{gap:22px!important;margin-bottom:22px!important}
html body.att-ui-app .kf-lab .kf-lab-meta>b{color:#f3c76a!important;font-size:30px!important;font-weight:600!important}
html body.att-ui-app .kf-lab .kf-live-chip{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.7px}
html body.att-ui-app .kf-lab .kf-live-chip strong{font-family:'JetBrains Mono',monospace;font-size:14px;margin-left:6px;letter-spacing:0}
html body.att-ui-app .kf-lab .kf-lab-words{font-family:'JetBrains Mono',monospace!important;font-weight:400!important;line-height:1.7!important}
html body.att-ui-app .kf-lab .kf-lab-words .active:before{background:#f3c76a!important;width:3px}
html body.att-ui-app .kf-lab .kf-focus-footer{justify-content:flex-start!important;opacity:.7}
html body.att-ui-app.att-light section.kf-lab div.kf-lab-app{background:linear-gradient(145deg,#f8f6ef,#efede5)!important;border-color:#32343712!important}
html body.att-ui-app.att-light .kf-lab .kf-lab-toolbar button.on,html body.att-ui-app.att-light .kf-lab .kf-lab-meta>b{color:#8d6819!important}
@media(max-width:620px){html body.att-ui-app section.kf-lab div.kf-lab-app{padding:16px 14px 22px!important;border-radius:18px!important}html body.att-ui-app .kf-lab .kf-lab-toolbar .kf-mode-group button{padding:6px 9px!important}html body.att-ui-app .kf-lab .kf-focus-footer{justify-content:center!important}}
@media(max-width:620px){
 html body.att-ui-app .kf-lab .kf-duration-toolbar{flex-wrap:nowrap!important}
 html body.att-ui-app .kf-lab .kf-duration-group{flex:1!important;width:auto!important;min-width:0!important}
 html body.att-ui-app .kf-lab .kf-duration-group button{min-width:0!important}
 html body.att-ui-app .kf-lab .kf-sound-quick{min-width:28px!important;width:28px!important;margin-left:4px!important}
 html body.att-ui-app .kf-lab .kf-primary-toolbar select{min-width:0!important;width:84px!important;max-width:84px!important}
 html body.att-ui-app .kf-lab .kf-lab-meta{flex-wrap:nowrap!important}
}
html body.att-ui-app main>.shell,html body.att-ui-app .proof>.shell{width:min(1180px,calc(100% - 80px))!important}
html body.att-ui-app .home-intro h1{letter-spacing:-.6px!important;line-height:1.25!important}
html body.att-ui-app :is(.home-intro,.home-next,.proof,.final) p,html body.att-ui-app .proof small{color:var(--ui-muted,#8b8d90)!important}
@media(max-width:620px){html body.att-ui-app main>.shell,html body.att-ui-app .proof>.shell{width:calc(100% - 32px)!important}}
html body.att-ui-app .kf-lab{min-height:0!important;padding:56px 0 64px!important;display:block!important}
html body.att-ui-app .kf-lab>.shell{width:min(1180px,calc(100% - 80px))!important;margin:0 auto!important}
html body.att-ui-app .kf-lab .kf-lab-app{height:auto!important;min-height:0!important}
html body.att-ui-app .kf-lab .kf-lab-app:not(.settings-open) .kf-lab-body{display:block!important;min-height:0!important}
html body.att-ui-app .kf-lab .kf-lab-app:not(.settings-open) .kf-lab-settings{display:none!important}
html body.att-ui-app .kf-lab .kf-lab-main{padding:40px 0 0!important;min-height:0!important}
html body.att-ui-app .kf-lab .kf-focus-footer{margin:28px 0 0!important}
html body.att-ui-app .kf-lab .kf-lab-toolbar{gap:14px!important;padding:6px 0!important}
html body.att-ui-app .home-intro{padding:28px 0 12px!important}
html body.att-ui-app .home-next{padding:24px 0 36px!important}
html body.att-ui-app .proof .shell{padding:18px 0!important}
html body.att-ui-app .final{margin-top:12px!important;margin-bottom:32px!important}
@media(max-width:620px){html body.att-ui-app .kf-lab{padding:30px 0 36px!important}html body.att-ui-app .kf-lab>.shell{width:calc(100% - 32px)!important}html body.att-ui-app .kf-lab .kf-lab-main{padding-top:28px!important}html body.att-ui-app .kf-lab .kf-lab-toolbar{gap:7px!important}}
html body.att-ui-app .kf-lab :is(.kf-lab-app,.kf-lab-main,.kf-lab-toolbar,.kf-lab-group){background:transparent!important;border:0!important;box-shadow:none!important}
html body.att-ui-app .kf-lab .kf-lab-toolbar :is(button,select){background:transparent!important;border:0!important;box-shadow:none!important;color:#848689!important}
html body.att-ui-app .kf-lab .kf-lab-toolbar button.on{background:transparent!important;color:#e2b714!important}
html body.att-ui-app .kf-lab .kf-lab-main .kf-lab-words{color:#727477!important}
html body.att-ui-app .kf-lab .kf-lab-main .kf-lab-words .active{color:inherit!important;background:transparent!important;border:0!important}
html body.att-ui-app .kf-lab-app,html body.att-ui-app .kf-lab-main,html body.att-ui-app .kf-lab-toolbar{background:transparent!important;box-shadow:none!important;border:0!important}
html body.att-ui-app .kf-lab-main{min-height:0!important}
html body.att-ui-app .kf-lab-toolbar button,html body.att-ui-app .kf-lab-toolbar select{background:transparent!important;box-shadow:none!important;border:0!important}
html body.att-ui-app .kf-lab-toolbar button.on{background:transparent!important;color:#e2b714!important}
html body.att-ui-app .kf-lab-words{color:#727477!important}
html body.att-ui-app .kf-lab-words span:not(.done):not(.wrong){color:inherit!important}
html body.att-ui-app .kf-lab-words .done{color:#d1d0c5!important}
html body.att-ui-app .kf-lab-words .wrong{color:#e57480!important}
html body.att-ui-app.att-light .kf-lab-words{color:#92938e!important}
html body.att-ui-app.att-light .kf-lab-words .done{color:#323437!important}
.kf-lab{background:var(--ui-bg,#323437)!important;align-items:center!important;min-height:calc(85svh - 74px)!important;padding:64px 0 80px!important}
.kf-lab>.shell{width:min(1120px,calc(100% - 64px))!important}
.kf-lab-app{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.kf-lab-app:before{display:none!important}
.kf-lab-toolbar{border:0!important;background:transparent!important;justify-content:center!important;padding:8px 0!important;gap:12px!important}
.kf-lab-group{border:0!important;background:transparent!important;padding:0!important;gap:10px!important}
.kf-lab-toolbar button,.kf-lab-toolbar select{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ui-muted,#848689)!important;border-radius:6px!important;min-height:32px!important;padding:5px 8px!important;font:500 13px 'JetBrains Mono',monospace!important}
.kf-lab-toolbar button.on{background:transparent!important;color:var(--ui-ink,#e2b714)!important}
.kf-lab-toolbar button:hover,.kf-lab-toolbar select:hover{background:var(--ui-raised,#2c2e31)!important;color:var(--ui-text,#d1d0c5)!important}
.kf-lab-toolbar button:focus-visible,.kf-lab-toolbar select:focus-visible{outline:2px solid var(--ui-ink,#e2b714)!important;outline-offset:3px}
.kf-lab-spacer{display:none!important}
.kf-tool-divider{height:18px!important;background:var(--ui-line,#45474b)!important;margin:0 2px!important}
.kf-duration-toolbar{margin:0 auto!important;padding-bottom:8px!important}
.kf-start-note{display:none!important}
.kf-sound-quick{margin-left:12px!important;gap:5px!important}
.kf-sound-quick b{font-weight:500!important;font-size:11px!important}
.kf-lab-main{padding:62px 0 0!important;min-height:0!important;background:transparent!important}
.kf-lab-meta{margin:0 0 20px!important;gap:20px!important;font-size:13px!important;color:var(--ui-muted,#848689)!important}
.kf-lab-meta b{font-size:26px!important;font-weight:500!important}
.kf-live-chip{font-size:13px!important}
.kf-lab-words{font:400 clamp(23px,2.4vw,32px)/1.65 'JetBrains Mono',monospace!important;letter-spacing:0!important;min-height:158px!important;height:158px!important;max-height:158px!important;color:var(--ui-muted,#77797c)!important;border:0!important;padding:0!important}
.kf-lab-words .done{color:var(--ui-text,#d1d0c5)!important}
.kf-lab-words .wrong{color:#e57480!important;text-decoration:none!important}
.kf-lab-words .active{color:inherit!important;border-left:0!important;animation:none!important;position:relative}
.kf-lab-words .active:before{content:'';position:absolute;left:-2px;top:1px;bottom:1px;width:2px;border-radius:2px;background:var(--ui-ink,#e2b714);animation:focusCaret 1s step-end infinite;pointer-events:none}
@keyframes focusCaret{50%{opacity:0}}
.kf-focus-footer{border:0!important;justify-content:center!important;gap:16px!important;margin:38px 0 0!important;padding:0!important}
.kf-focus-footer kbd{background:var(--ui-raised,#2c2e31)!important;border:0!important;padding:3px 6px!important}
.kf-progress-text{display:none!important}
.kf-lab-live{display:none!important}
.kf-lab-settings{border-radius:16px!important}
.home-intro{padding-top:12px!important}
.home-intro h1{font-size:26px!important}
@media(max-width:900px){.kf-lab>.shell{width:calc(100% - 40px)!important}.kf-primary-toolbar{gap:6px!important}.kf-lab-main{padding-top:40px!important}.kf-lab-app.settings-open .kf-lab-settings{margin-top:24px}}
@media(max-width:620px){.kf-lab{padding:28px 0 56px!important;min-height:70svh!important}.kf-lab>.shell{width:calc(100% - 32px)!important}.kf-mode-group{width:auto!important;display:flex!important}.kf-toggle-group{display:flex!important;flex:none!important}.kf-lab-toolbar{gap:6px!important}.kf-lab-toolbar button,.kf-lab-toolbar select{font-size:11px!important;padding:5px!important}.kf-lab-words{font-size:23px!important;height:152px!important;min-height:152px!important;max-height:152px!important}.kf-lab-meta{gap:12px!important}.kf-focus-footer{margin-top:26px!important}.kf-sound-quick b{display:none}}
@media(prefers-reduced-motion:reduce){.kf-lab-words .active:before{animation:none}}