.practice-timer{color:#101b30;background:#edf7ff;border:1px solid #d9e6f2;border-radius:12px;padding:20px;margin:20px 0;min-width:0;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.practice-timer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.practice-timer h3{font-size:1.15rem;line-height:1.35;margin:0}
.practice-timer [data-timer-clock]{font-size:1.65rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.3;color:var(--student-primary-hover,#005eb2)}
.practice-timer p{margin:12px 0;max-width:65ch}.practice-timer-help{font-size:.875rem;color:#54647a}
.practice-timer form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0}
.practice-timer label{font-size:.875rem;display:flex;flex-direction:column;gap:6px;min-width:0}
.practice-timer input{font:inherit;box-sizing:border-box;border:1px solid #b8cee2;border-radius:8px;background:#fff;color:#101b30;min-height:44px;width:7rem;max-width:100%;padding:8px 12px;caret-color:var(--student-primary,#006dcc)}
.practice-timer button{font:inherit;font-size:.875rem;line-height:1.5;white-space:normal;min-height:44px;max-width:100%;border:1px solid #b8cee2;border-radius:8px;background:#fff;color:var(--student-primary-hover,#005eb2);padding:10px 16px;cursor:pointer}
.practice-timer [data-timer-start],.practice-timer [data-timer-toggle]{background:var(--student-primary,#006dcc);color:#fff;border-color:var(--student-primary,#006dcc)}
.practice-timer button:hover{background:#e0f0ff}.practice-timer [data-timer-start]:hover,.practice-timer [data-timer-toggle]:hover{background:var(--student-primary-hover,#005eb2)}
.practice-timer input:disabled{background:#eff5fa;color:#54647a;opacity:1}
.practice-timer :focus-visible{outline:3px solid var(--student-primary,#006dcc);outline-offset:3px}
.practice-timer [hidden]{display:none!important}.practice-timer-status{font-size:.875rem;color:var(--student-primary-hover,#005eb2)}
.practice-timer-storage{font-size:.875rem;color:#795416;background:#fff5df;padding:12px;border-radius:8px}
.practice-timer [data-timer-confirm]{padding:12px 0;border-top:1px solid #b8cee2}.practice-timer [data-timer-confirm] button{margin:4px 8px 4px 0}
.practice-timer[data-state=expired] [data-timer-clock],.practice-timer[data-state=expired] .practice-timer-status{color:#795416}
.practice-timer ::selection{background:#cce7ff;color:#101b30}
@media(max-width:480px){.practice-timer{padding:16px}.practice-timer-heading{gap:8px}.practice-timer form{gap:10px}}