:root{--text:#323a31;--background:#f7f2e6;--muted:#675f52;--eyebrow:#786647;--border:#cfc6b5;--badge-border:#d9d0bd;--surface:#fffdf6;--hover:#f4eddd;--selected:#e9efdc;--selected-border:#647c46;--error:#a33424;--hour:#aa492e;--minute:#16786f;--second:#2563c4;--rim:#d6ccb9;--rim-border:#b8ac94;--dial:#fffdf5;--dial-border:#f0e9d9;--tick:#4b493e;--minor-tick:#a8a18f;--hour-number:#333b32;--minute-number:#756d5c;--dial-label:#8b816c;--pin:#454b40;--pin-center:#e6dac0;--day-sky:var(--pin-center);--night-sky:var(--pin);--focus:#2861b5;--selection:#c4d9ed;color:var(--text);background:var(--scene-base,var(--background));background-image:var(--scene-wash,none);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;line-height:1.5}:root[data-theme=dark]{--text:#ecece3;--background:#18201e;--muted:#bdc6bc;--eyebrow:#d0bc94;--border:#647369;--badge-border:#647369;--surface:#27332e;--hover:#35433b;--selected:#394a30;--selected-border:#a2bc84;--error:#ffab9d;--hour:#ffa988;--minute:#70e2c6;--second:#80b4ff;--rim:#46534c;--rim-border:#758479;--dial:#232e28;--dial-border:#36453b;--tick:#e4e6d9;--minor-tick:#98a693;--hour-number:#ecece3;--minute-number:#b9c4ad;--dial-label:#b9c4ad;--pin:#b6c2b0;--pin-center:#36453b;--day-sky:#647c68;--night-sky:var(--background);--focus:#8dbdff;--selection:#355577;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-background=unicorn],.background-swatch[data-background=unicorn]{--scene-base:#faf4fb;--scene-wash:radial-gradient(ellipse at 0 100%, #f5dbe880, transparent 50%), radial-gradient(ellipse at 100% 0, #e3dcfa90, transparent 45%), radial-gradient(ellipse at 100% 100%, #d9eee780, transparent 45%), radial-gradient(ellipse at 0 0, #fff1cc80, transparent 40%)}:root[data-background=space],.background-swatch[data-background=space]{--scene-base:#f0f4fa;--scene-wash:radial-gradient(ellipse at 0 100%, #d8def180, transparent 50%), radial-gradient(ellipse at 100% 0, #e5dcf480, transparent 45%), radial-gradient(ellipse at 100% 100%, #d6eaf080, transparent 45%)}:root[data-theme=dark][data-background=unicorn],:root[data-theme=dark] .background-swatch[data-background=unicorn]{--scene-base:#231f29;--scene-wash:radial-gradient(ellipse at 0 100%, #71405b35, transparent 50%), radial-gradient(ellipse at 100% 0, #5c4b8035, transparent 45%), radial-gradient(ellipse at 100% 100%, #37695830, transparent 45%), radial-gradient(ellipse at 0 0, #76643b25, transparent 40%)}:root[data-theme=dark][data-background=space],:root[data-theme=dark] .background-swatch[data-background=space]{--scene-base:#192131;--scene-wash:radial-gradient(ellipse at 0 100%, #394d8135, transparent 50%), radial-gradient(ellipse at 100% 0, #67467f30, transparent 45%), radial-gradient(ellipse at 100% 100%, #32637030, transparent 45%)}*{box-sizing:border-box}body{min-width:280px;margin:0}#root{z-index:0;position:relative}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}p{margin:0}::selection{background:var(--selection)}main{max-width:1240px;margin:auto;padding:36px 32px 40px}[hidden]{display:none!important}.short-eyebrow,.more-controls{display:none}.quiz header{margin-top:24px}.quiz h1:focus{outline:none}.quiz-setup,.quiz-results{max-width:620px;margin:auto}.quiz-setup fieldset{flex-wrap:wrap;margin-bottom:28px}.quiz button:not(.icon-button){padding:12px 18px}.quiz-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.quiz-setup>button{margin-top:10px}.quiz-progress{justify-content:center;gap:28px;font-weight:650;display:flex}.quiz-clocks{gap:36px;max-width:920px;margin:18px auto 28px}.quiz-clocks.digital,.quiz-clocks.analog{grid-template-columns:minmax(0,460px);justify-content:center}.quiz-clocks .clock-face{touch-action:auto;margin-bottom:0}.quiz-clocks .colon{padding-top:0}.quiz-choices{gap:12px;max-width:660px;margin:auto;display:grid}.quiz-choices button{text-align:left;overflow-wrap:anywhere}.quiz-choices button[aria-disabled=true]{cursor:default}.quiz-choices .answer-correct{color:#12562a;background:#d6f6df;border-color:#19793b}.quiz-choices .answer-wrong{color:#85211d;background:#ffe0df;border-color:#a92b25}.sentence-instruction,.sentence-hint{text-align:center}.sentence-progress{border:1px solid var(--border);background:var(--surface);text-align:center;overflow-wrap:anywhere;border-radius:13px;max-width:660px;margin:12px auto;padding:14px;font-size:1.25rem}.sentence-selections{gap:18px;max-width:660px;margin:auto;display:grid}.part-selection{display:block}.part-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz .part-choices button{text-align:center;padding:12px 8px}.part-choices button[aria-pressed=true]:not(.answer-correct):not(.answer-wrong){background:color-mix(in srgb, var(--focus) 12%, var(--surface));border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.part-choices .answer-correct,.part-choices .answer-wrong{box-shadow:none}.confirm-answer:disabled{opacity:.55;cursor:not-allowed}.confirm-answer[aria-disabled=true]{cursor:default}.quiz-help{max-width:660px;color:var(--muted);margin:8px auto 0;font-size:.85rem;position:relative}.quiz-help summary{cursor:pointer;width:fit-content;padding:6px 0}.quiz-help summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.quiz-help-content{z-index:5;border:1px solid var(--border);background:var(--surface);border-radius:14px;width:min(380px,100vw - 48px);max-height:50svh;padding:16px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 8px 24px #0002}.quiz-help-content p+p{margin-top:10px}.answer-status{margin-top:6px;font-size:.85rem;display:block}.quiz-feedback{text-align:center;min-height:1.5em}.primary{border:2px solid var(--selected-border)}.result-score{font-size:2rem;font-weight:750}.dialog-shade{z-index:9;background:#0007;place-items:center;padding:64px 12px 20px;display:grid;position:fixed;inset:0}.quiz-dialog{background:var(--surface);color:inherit;border:2px solid var(--border);border-radius:18px;max-width:480px;max-height:80vh;padding:24px;overflow:auto}.confetti-canvas{pointer-events:none;z-index:20;width:100%;height:100%;position:fixed;inset:0}.page-actions{z-index:10;gap:10px;display:flex;position:fixed;top:12px;right:12px}.tutorial-open{padding-bottom:320px}.tutorial-spotlight{z-index:30;border:3px solid var(--focus);pointer-events:none;border-radius:16px;position:fixed;box-shadow:0 0 0 9999px #0009}.tutorial-backdrop{z-index:30;background:#0009;position:fixed;inset:0}.tutorial-card{z-index:31;border:2px solid var(--focus);width:min(360px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--text);background:var(--surface);border-radius:16px;padding:16px;font-size:.9rem;position:fixed;top:12px;left:12px;overflow:auto;box-shadow:0 8px 30px #0004}.tutorial-confirm{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.tutorial-heading h2{justify-content:start;margin:0;font-size:1.1rem}.tutorial-heading button{min-width:44px;min-height:44px;font-size:1.5rem}.tutorial-progress{color:var(--muted);margin:0 0 8px;font-size:.8rem}.tutorial-buttons{background:var(--surface);flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:sticky;bottom:0}.tutorial-buttons button{flex:1;padding:8px 12px}.tutorial-modes{margin-top:8px;padding-left:20px}.tutorial-modes li+li{margin-top:6px}.tutorial-success{min-height:1.3em;margin-top:8px;font-weight:650}.tutorial-notice{z-index:31;border:1px solid var(--border);background:var(--surface);pointer-events:none;border-radius:12px;width:min(420px,100vw - 24px);padding:12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.pwa-notice{z-index:29;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--border);width:min(440px,100vw - 24px);max-height:40svh;color:var(--text);background:var(--surface);border-radius:14px;padding:14px;position:fixed;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 24px #0002}.pwa-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pwa-action{padding:10px 14px}.pwa-action:disabled{opacity:.6;cursor:wait}.pwa-dialog{margin:auto}.pwa-dialog::backdrop{background:#0007}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:48px;padding:10px;display:inline-flex}.icon-button svg{width:24px;height:24px}.language-button svg{width:28px}.toolbar-panel{border:1px solid var(--border);width:min(340px,100vw - 24px);max-height:calc(100svh - 82px);color:var(--text);background:var(--surface);border-radius:18px;margin:0;padding:16px;position:fixed;inset:70px 12px auto auto;overflow:auto;box-shadow:0 10px 30px #0002}.toolbar-panel::backdrop{background:0 0}.toolbar-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar-panel-heading h2{margin:0;font-size:1rem}.toolbar-panel-heading .icon-button{width:44px;min-height:44px;padding:8px}.toolbar-panel>p{color:var(--muted);margin:10px 0 14px;font-size:.9rem}.support-link{border:2px solid var(--selected-border);min-height:48px;color:var(--text);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:650;text-decoration:none;display:flex}.support-link:hover{background:var(--hover)}.support-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.toolbar-panel .support-new-tab{text-align:center;margin-bottom:0;font-size:.8rem}.background-options{gap:10px;display:grid}.background-options button{text-align:left;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.background-swatch{border:1px solid var(--border);background:var(--scene-base);background-image:var(--scene-wash);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:48px;font-size:1.4rem;display:flex}.background-swatch[data-background=current]{--scene-base:var(--background);--scene-wash:none}.background-selected{flex-shrink:0;width:1em;margin-left:auto}.background-decoration{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.background-decoration span{opacity:.2;font-size:clamp(44px,6vw,80px);line-height:1;position:absolute}.background-decoration .decoration-0{bottom:5%;left:2%;transform:rotate(-12deg)}.background-decoration .decoration-1{top:24%;right:2%;transform:rotate(12deg)}.background-decoration .decoration-2{font-size:clamp(28px,3vw,44px);bottom:5%;right:4%}.background-decoration[data-background=space] .decoration-0{top:28%;bottom:auto}.background-decoration[data-background=space] .decoration-1{top:auto;bottom:5%;transform:rotate(-12deg)}.background-decoration[data-background=space] .decoration-2{left:4%;right:auto}header{text-align:center;margin-bottom:34px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--eyebrow);font-size:.75rem;font-weight:750}h1{letter-spacing:-.04em;margin:5px 0 10px;font-size:clamp(2.5rem,5vw,3.8rem);line-height:1.1}.intro{color:var(--muted);font-size:1.1rem}.spoken-time{margin:20px 0 0;font-size:clamp(1.4rem,3vw,2rem);font-weight:650;line-height:1.35}.clocks{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}section{text-align:center;min-width:0}h2{justify-content:center;align-items:center;gap:12px;margin:0 0 22px;font-size:1.15rem;display:flex}.badge{border:1px solid var(--badge-border);color:var(--muted);border-radius:20px;padding:4px 9px;font-size:.75rem;font-weight:500}.digital-frame{background:#393d39;border-radius:24px;padding:19px;box-shadow:0 7px #252c28,0 16px 24px #443a2318}.digital-display{background:#121e1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:20px 12px 24px;display:flex;box-shadow:inset 0 3px 9px #0008}.time-field{flex:1;min-width:0}.time-field label{text-transform:uppercase;letter-spacing:.15em;color:#d7ded4;margin-bottom:14px;font-size:.7rem;display:block}.led-field{aspect-ratio:1.65;border-radius:5px;position:relative}.led-field input{text-align:center;color:#0000;caret-color:#0000;background:0 0;border:0;border-radius:5px;width:100%;height:100%;padding:0;font:600 clamp(1.2rem,4vw,3rem)/1 ui-monospace,monospace}.led-field:focus-within input,.led-field.editing input{color:var(--led);caret-color:var(--led)}.led-field:focus-within .led-digits,.led-field.editing .led-digits{visibility:hidden}.hours,.hour{--hand:var(--hour);--led:#ffa988}.minutes,.minute{--hand:var(--minute);--led:#70e2c6}.seconds,.second{--hand:var(--second);--led:#80b4ff}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.led-digits{pointer-events:none;gap:12%;padding:0 6%;display:flex;position:absolute;inset:0}.led-digit{flex:1;position:relative}.segment{background:var(--led);opacity:.055;border-radius:3px;position:absolute}.segment.lit{opacity:1;box-shadow:0 0 9px color-mix(in srgb, var(--led) 30%, transparent)}.segment.a,.segment.d,.segment.g{clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);width:76%;height:8%;left:12%}.segment.a{top:0}.segment.g{top:46%}.segment.d{bottom:0}.segment.b,.segment.c,.segment.e,.segment.f{clip-path:polygon(50% 0,100% 12%,100% 88%,50% 100%,0 88%,0 12%);width:13%;height:41%}.segment.b{top:6%;right:0}.segment.c{bottom:6%;right:0}.segment.f{top:6%;left:0}.segment.e{bottom:6%;left:0}.colon{color:#b3c2b6;padding-top:20px;font:clamp(1.5rem,4vw,2.5rem) ui-monospace,monospace}.adjustments{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.adjustment>span{color:var(--hand);margin-bottom:9px;font-weight:650;display:block}.adjustment>div{gap:10px;display:flex}button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:inherit;cursor:pointer;font:inherit;border-radius:13px;font-weight:650}button:hover{background:var(--hover)}.adjustment button{color:var(--hand);border-color:color-mix(in srgb, var(--hand) 40%, #fff);flex:1;min-height:58px;font-size:2rem;line-height:1}.input-error{color:var(--error);min-height:1.5em;margin:12px 0;font-size:.9rem}fieldset{border:0;gap:10px;margin:0;padding:0;display:flex}legend{color:var(--muted);margin:0 auto 10px;font-size:.85rem}fieldset button{flex:1;padding:10px 8px;font-size:.9rem}button[aria-pressed=true]{background:var(--selected);border-color:var(--selected-border);box-shadow:inset 0 0 0 1px var(--selected-border)}.day-half small{margin-top:3px;font-weight:400;display:block}.hint{color:var(--muted);margin:14px 0 0;font-size:.8rem}.clock-face{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 7px #51452820);width:100%;max-width:490px;margin:0 auto 22px;display:block}.clock-face.dragging{cursor:grabbing}.rim{fill:var(--rim);stroke:var(--rim-border);stroke-width:2px}.dial{fill:var(--dial);stroke:var(--dial-border);stroke-width:5px}.major-tick{stroke:var(--tick);stroke-width:3px}.minor-tick{stroke:var(--minor-tick);stroke-width:1.4px}.hour-number{fill:var(--hour-number);font-size:29px;font-weight:650}.minute-number{fill:var(--minute-number);font-size:11px}.clock-face text{text-anchor:middle;dominant-baseline:central}.dial-label{letter-spacing:2px;fill:var(--dial-label);font-size:8px}.day-night-aperture{pointer-events:none}.day-sky{fill:var(--day-sky)}.night-sky{fill:var(--night-sky)}.day-night-emoji{font-size:28px}.aperture-bevel{fill:none;stroke:var(--surface);stroke-width:3px}.aperture-border{fill:none;stroke:var(--rim-border);stroke-width:2px}.hand{stroke:var(--hand);stroke-width:9px;stroke-linecap:round}.hand.minute{stroke-width:7px}.hand.second{stroke-width:3px}.hand-halo{stroke:#ddc67d;stroke-width:20px;stroke-linecap:round;opacity:.6}.pin{fill:var(--pin)}.pin-center{fill:var(--pin-center)}.color-dot{background:var(--hand);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.hand-visibility button{color:var(--hand)}.quiz-compact h1{font-size:clamp(1.8rem,3vw,2.4rem)}.quiz-compact header .eyebrow{display:none}.quiz-compact .quiz-progress{gap:18px;font-size:.9rem}.quiz-compact .quiz-answer-actions{gap:8px}@media (width>=761px) and (width<=899px){.freestyle header{padding-top:8px}}@media (width>=900px) and (height>=540px){main{padding-block:20px}.quiz:not(.quiz-compact) header{margin-top:44px;margin-bottom:24px}.quiz:not(.quiz-compact) h1{font-size:clamp(2rem,5svh,3.8rem)}.quiz-setup fieldset{margin-bottom:20px}.quiz-compact header{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin:0 0 12px;padding-right:402px;display:flex}.quiz-compact h1{margin:0}.quiz-compact .compact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;min-height:calc(100svh - 100px);display:grid}.quiz-compact .quiz-clocks{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:12px;width:100%;max-width:none;margin:0}.quiz-compact .quiz-clocks section{width:100%}.quiz-compact h2{margin-bottom:8px;font-size:1rem}.quiz-compact .digital-frame{border-radius:18px;max-width:280px;margin:auto;padding:12px}.quiz-compact .digital-display{padding:12px 8px}.quiz-compact .clock-face{width:min(100%,clamp(180px,100svh - 360px,340px))}.quiz-compact .compact-answer{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;padding:clamp(12px,1.5vw,20px)}.quiz-compact .sentence-instruction{font-size:.95rem}.quiz-compact .sentence-progress{background:var(--background);margin:10px 0;padding:10px;font-size:1.3rem}.quiz-compact .sentence-selections{gap:14px}.quiz-compact .part-selection{min-width:0}.quiz-compact .part-selection legend{margin-bottom:6px}.quiz-compact .part-choices{gap:8px}.quiz-compact .part-choices .answer-status{margin:0 0 0 4px;display:inline}.quiz-compact .status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-compact .quiz-feedback{justify-content:center;align-items:center;min-height:3em;margin-top:10px;font-size:.9rem;display:flex}.quiz-compact .quiz-help{margin-top:0;font-size:.8rem}.quiz-compact .quiz-answer-actions{margin-top:8px}.quiz-compact .quiz-answer-actions button{padding:10px 12px;font-size:.9rem}}@media (width>=900px) and (height>=600px){.freestyle{grid-template-rows:auto 1fr;min-height:calc(100svh - 40px);display:grid}.freestyle header{margin-bottom:16px}.freestyle h1{margin:4px 0 6px;font-size:clamp(2rem,4svh,3.8rem)}.freestyle .intro{font-size:1rem}.freestyle .spoken-time{margin-top:10px;font-size:clamp(1.4rem,3svh,2rem)}.freestyle .clocks{gap:32px}.freestyle h2{margin-bottom:8px;font-size:1rem}.freestyle .clock-face{width:min(100%,clamp(240px,100svh - 350px,490px));margin-bottom:12px}.freestyle .digital-frame{max-width:clamp(280px,140svh - 518px,520px);margin-inline:auto;padding:12px}.freestyle .digital-display{padding:12px 8px}.freestyle .time-field label{margin-bottom:8px}.freestyle .colon{padding-top:12px}.freestyle .adjustments{gap:18px;margin-top:12px}.freestyle .adjustment>span{margin-bottom:6px}.freestyle .adjustment button{min-height:48px}.freestyle .input-error{margin-block:6px;font-size:.9rem}.freestyle legend{margin-bottom:6px}.freestyle .day-half button{padding-block:8px}.freestyle .hint{margin-top:8px}}@media (width>=900px) and (height>=600px) and (height<=700px){.freestyle .eyebrow{display:none}}@media (width>=900px) and (height>=540px) and (height<=620px){.quiz-compact .compact-answer{padding:12px}.quiz-compact .sentence-progress{margin:8px 0;padding:8px;font-size:1.15rem}.quiz-compact .sentence-selections{gap:10px}.quiz-compact .part-selection legend{margin-bottom:4px}.quiz-compact .quiz-help summary{padding-block:4px}}@media (width<=760px){main{max-width:540px;padding:28px 20px 36px}.page-actions{top:0;right:8px}.icon-button{width:44px;min-height:44px;padding:8px}header{margin-bottom:28px}.intro{font-size:1rem}.clocks{grid-template-columns:1fr;gap:40px}.led-field input{font-size:clamp(1.2rem,6vw,3rem)}}@media (width<=360px){main{padding-inline:12px}.digital-frame{padding:12px}.digital-display{gap:4px;padding-inline:8px}.day-half button{font-size:.8rem}}@media (width<=480px){.page-actions{gap:2px}.eyebrow{text-align:left;letter-spacing:.08em;font-size:.65rem;line-height:18px}.wide-eyebrow{display:none}.short-eyebrow{display:inline}.quiz header{margin-top:24px}.quiz .eyebrow{visibility:hidden}.quiz-setup fieldset button{padding:10px 7px;font-size:.85rem}}@media (width<=760px) and (orientation:portrait){main{max-width:480px;padding:calc(68px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.page-actions{top:calc(8px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:clamp(0px,.5vw,4px);max-width:calc(100vw - 24px)}.page-actions .icon-button{width:clamp(40px,11vw,48px)}.icon-button{width:clamp(44px,12vw,48px);min-height:48px}header,.quiz header{margin:0 0 16px}.eyebrow{display:none}h1,.quiz-compact h1{margin:0 0 8px;font-size:clamp(1.6rem,6vw,2rem)}.intro{font-size:.9rem;line-height:1.4}.spoken-time{margin-top:10px;font-size:clamp(1.15rem,5vw,1.4rem)}.clocks{gap:20px}h2{gap:8px;margin-bottom:8px;font-size:1rem}.digital-frame{border-radius:18px;max-width:300px;margin-inline:auto;padding:12px}.digital-display{padding:12px 8px}.time-field label{margin-bottom:8px}.led-field input{font-size:clamp(1.2rem,6vw,1.8rem)}.colon{padding-top:12px;font-size:1.5rem}.adjustments{gap:12px;margin-top:12px}.adjustment>span{margin-bottom:4px}.adjustment button{min-height:48px;font-size:1.6rem}.input-error{margin-block:4px;font-size:.85rem}legend{margin-bottom:6px}.day-half button{padding:8px 6px}.hint{margin-top:8px;font-size:.75rem}.clock-face{width:min(100%,clamp(220px,32svh,300px));margin-bottom:12px}.quiz-progress{justify-content:space-between;gap:12px;font-size:.85rem}.quiz-setup fieldset{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;display:grid}.quiz-setup fieldset+fieldset{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-setup fieldset button{min-width:0;padding:10px 6px;font-size:.9rem}.quiz-setup>.primary{width:100%}.quiz-clocks{gap:12px;margin:12px auto 18px}.quiz-clocks .colon{padding-top:0}.quiz-clocks.both{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.quiz-clocks.both h2{flex-direction:column;gap:4px;font-size:.9rem}.quiz-clocks.both .digital-frame{border-radius:14px;padding:8px}.quiz-clocks.both .digital-display{gap:4px;padding:10px 4px}.quiz-clocks.both .colon{font-size:1.6rem}.quiz-clocks.both .clock-face{width:100%;max-width:220px}.quiz-clocks.analog .clock-face{width:min(100%,clamp(180px,100svh - 730px,280px))}.compact-answer{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:12px}.quiz-choices{gap:8px}.quiz-choices button{padding:12px}.sentence-instruction{font-size:.85rem}.sentence-progress{margin-block:8px;padding:8px;font-size:1.1rem}.sentence-selections{gap:12px}.quiz .part-choices button{padding:10px 4px;font-size:.85rem}.part-choices .answer-status{margin:0 0 0 2px;display:inline}.part-choices .status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-feedback{margin-top:10px;font-size:.85rem}.quiz-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.quiz-buttons button{overflow-wrap:anywhere;min-width:0}.quiz-buttons>:only-child,.quiz-answer-actions .primary{grid-column:1/-1}.quiz .quiz-answer-actions button{padding:10px 8px;font-size:.85rem}.toolbar-panel{top:calc(68px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));max-height:calc(100svh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.toolbar-panel-heading .icon-button{width:48px;min-height:48px}.quiz-help-content{width:min(380px,100vw - 50px)}.dialog-shade{padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.quiz-dialog{width:100%;max-height:calc(100svh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px}.quiz-dialog .quiz-buttons{grid-template-columns:minmax(0,1fr)}.freestyle header{margin-bottom:12px}.freestyle header .intro,.freestyle .inline-controls{display:none}.freestyle .inline-controls.tutorial-hand-controls{display:block}.freestyle .spoken-time{font-size:clamp(1rem,4.5vw,1.25rem)}.freestyle .clocks{gap:12px}.freestyle .adjustments{margin-top:8px}.freestyle .input-error{margin-block:2px}.freestyle .clock-face{width:min(100%,clamp(180px,100svh - 590px,300px));margin-bottom:0}.more-controls{margin-top:12px;display:block;position:relative}.more-controls summary{border:1px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:13px;min-height:48px;padding:12px;font-weight:650}.more-controls summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.more-controls-panel{z-index:5;border:1px solid var(--border);background:var(--surface);border-radius:16px;max-height:calc(100svh - 140px);padding:16px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0002}.more-controls-panel .intro{margin-bottom:16px}.more-controls-panel .hand-visibility{margin-top:16px}}@media (width<=320px) and (orientation:portrait){.page-actions{gap:0}}@media (width<=359px) and (orientation:portrait){.page-actions:has(.clock-playback){right:max(6px, env(safe-area-inset-right));gap:0}}