body[data-mode=quarters] #clock{max-width:min(410px,calc(100dvh - 340px))}
body[data-mode=quarters] #scene{height:min(265px,max(95px,calc(100dvh - 515px)))}
.quarter-controls{border-top:1px solid #eef0e8;padding-top:10px}.mode-switch{display:flex;gap:7px}.mode-switch button{flex:1;padding:8px}.mode-switch button[aria-pressed=true]{background:#2d6654;color:white;border-color:#2d6654}.quarter-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.quarter-presets button{padding:8px 4px;font-size:11px}.quarter-presets button[aria-pressed=true]{background:#e0f0e8;border-color:#7aad96}
.quarter-answer .time-phrase{font-family:Manrope,sans-serif;color:#315e4c;font-size:23px;font-weight:800;margin:12px 0 5px}.quarter-answer #alternativePhrase{color:#7b519b;font-weight:700;font-size:14px;margin:5px 0}.quarter-answer #quarterTip{font-size:11px;line-height:1.5;margin:6px 0}.quarter-reading{display:flex;align-items:center;gap:10px}.quarter-reading .digital-box{min-width:0;padding:6px 12px}.quarter-reading #digital{font-size:23px!important}.quarter-reading #sayTime{font-size:20px;padding:6px 10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}.choices button{font-size:15px;padding:13px 8px;min-height:49px;background:#f7faf5}.choices button:disabled{opacity:1}.choices button.rejected{color:#929b93;background:#e7e9e6;border-color:#ddd;text-decoration:line-through;opacity:.65}.choices button.accepted{background:#d8efd7;border-color:#70a77a;color:#315e36}.quarter-answer[data-feedback=wrong]{background:#ffe1df;border-color:#eb8d84}.quarter-answer[data-feedback=correct]{background:#e5f6e5;border-color:#90c492}.quarter-answer #feedback{min-height:18px;margin:7px 0;font-size:12px}.quarter-answer #testSolution{display:flex;align-items:center;gap:12px;font-size:13px;margin:8px 0}.quarter-answer #testDigital{font-family:DSEG7,monospace;color:red;background:black;padding:7px;border-radius:6px}.quarter-answer #speechNotice{font-size:10px;margin:7px 0 0;color:#8a7067}.quarter-answer #stopTest{margin-left:auto}.quarter-controls .practice-counter{margin-top:10px}.quarter-controls input[type=number]{width:55px;border:1px solid #d8dfd6;border-radius:7px;padding:5px;font:inherit}.quarter-controls .timer-settings{margin-bottom:6px}.quarter-controls .barbox{height:10px}body[data-mode=quarters][data-quarter-mode=test] .hand{cursor:default}.module-nav{flex-wrap:wrap}header{gap:12px}
@media(max-width:1050px){.brand{font-size:15px}.module-nav a{padding:7px 8px;font-size:11px}}
@media(max-width:650px){body[data-mode=quarters] #clock{max-width:320px}body[data-mode=quarters] #scene{height:220px}.quarter-answer .time-phrase{font-size:21px}.choices button{font-size:14px}header{flex-wrap:wrap}.module-nav{margin-left:0}}