#app{background:#0b1020;color:#fff;height:calc(100vh - 190px);height:calc(100svh - 190px);isolation:isolate;margin:0;min-height:370px;overflow:hidden;padding:0;position:relative;width:100%}#app .hidden{display:none!important}#app button{cursor:pointer;font-family:inherit}#app button:focus-visible,#app input:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}#app:fullscreen{height:100%;min-height:0;width:100%}.bg-wrap{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.stage,.stage svg{display:block;height:100%;width:100%}.ui{box-sizing:border-box;display:grid;gap:10px;grid-template-rows:minmax(0,1fr) auto;height:100%;justify-items:center;padding:12px;position:relative}.clock-wrap{min-height:0;position:relative;width:100%}#clock{filter:drop-shadow(0 8px 24px rgba(0, 0, 0, .45));height:100%;inset:0;outline:0;overflow:visible;position:absolute;width:100%}#clock:focus-visible .clock-face{stroke:#2571ec;stroke-width:4}.hand-hit,.tip{cursor:grab}#clock.dragging,#clock.dragging *{cursor:grabbing}.min-number,.pm-number{pointer-events:none;transition:opacity .5s ease-in-out}#clock.quiz-explain .quiz-hour-hand{filter:drop-shadow(0 0 2px rgba(255, 255, 255, .9));stroke:#b45309}#clock.quiz-explain .quiz-minute-hand{filter:drop-shadow(0 0 2px rgba(255, 255, 255, .9));stroke:#145dcc;stroke-width:3}.clock-dock{backdrop-filter:blur(8px);background:rgba(11,16,32,.76);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.35);box-sizing:border-box;display:grid;gap:8px;max-width:860px;padding:8px 12px;width:100%}#app.quiz-active .clock-dock{display:none}.clock-dock__top{align-items:center;display:flex;flex-direction:column;gap:8px}.clock-readout{align-items:center;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center}#digital{background:#000;border:1px solid rgba(255,255,255,.5);border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;height:40px;margin:0;padding:0;text-align:center;width:88px}#digital[aria-invalid=true]{border-color:#ff8a9b;box-shadow:0 0 0 2px #ff8a9b}#verbal{font-size:18px;font-weight:600;line-height:1.2;text-align:center}.clock-status{align-items:center;display:flex;gap:8px;justify-content:center;min-height:44px}#clock-hint{color:#fff;font-size:14px;line-height:1.2;margin:0;text-align:center}.toolbar{display:grid;gap:8px;grid-template-columns:auto 1fr 1fr}.clock-button{background:0 0;border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#fff;font-size:15px;font-weight:700;line-height:1.2;min-height:44px;min-width:44px;padding:8px 12px}.clock-button:hover{background:rgba(255,255,255,.14)}.clock-button--primary{background:#2571ec;border-color:#2571ec}.clock-button--primary:hover{background:#145dcc;border-color:#145dcc}.clock-button[aria-pressed=true],.clock-button[aria-pressed=true]:hover{background:#fff;border-color:#fff;color:#253351}.clock-button[aria-pressed=true]::before{content:"✓ "}.stretch-btn{align-items:center;background:rgba(11,16,32,.76);border:none;border-radius:50%;color:#fff;display:flex;height:44px;justify-content:center;position:absolute;right:12px;top:12px;width:44px;z-index:2}.stretch-btn svg{fill:currentColor;height:24px;width:24px}.stretch-btn path.exit{display:none}.stretch-btn.fullscreen path.enter{display:none}.stretch-btn.fullscreen path.exit{display:block}.quiz-day-period{align-items:center;backdrop-filter:blur(7px);background:rgba(11,16,32,.76);border:1px solid rgba(255,255,255,.38);border-radius:8px;color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;left:10px;line-height:1.2;min-height:34px;padding:4px 8px;position:absolute;top:10px;z-index:2}.quiz-day-period svg{color:#ffe08a;flex:none;height:23px;width:23px}.quiz-day-period [data-day-period-icon]{display:none}.quiz-day-period[data-period=afternoon] [data-day-period-icon=afternoon],.quiz-day-period[data-period=evening] [data-day-period-icon=evening],.quiz-day-period[data-period=morning] [data-day-period-icon=morning],.quiz-day-period[data-period=night] [data-day-period-icon=night]{display:block}.quiz-day-period[data-period=evening] svg{color:#ffc078}.quiz-day-period[data-period=night] svg{color:#dbe7ff}#app.quiz-active{height:auto;min-height:calc(100vh - 190px);min-height:calc(100svh - 190px)}#app.quiz-active .ui{align-items:center;display:flex;flex-direction:column;gap:10px;height:auto;min-height:inherit;padding-top:24px}#app.quiz-active .clock-wrap{aspect-ratio:1;flex:none;width:max(180px,min(86vw,calc(100svh - 400px),560px))}#app.quiz-active .hand-hit,#app.quiz-active .tip{display:none}#app.quiz-active .min-number,#app.quiz-active .pm-number{transition:none}#app.quiz-active:fullscreen{height:100%;overflow-y:auto;overscroll-behavior:contain}#quiz-panel{backdrop-filter:blur(8px);background:rgba(11,16,32,.76);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.35);box-sizing:border-box;display:grid;gap:10px;max-width:720px;padding:12px;width:100%}#quiz-q{font-size:18px;font-weight:700;line-height:1.3;text-align:center}.quiz-learning-progress{display:grid;font-size:14px;gap:6px;line-height:1.2}.quiz-learning-progress__labels{display:flex;gap:12px;justify-content:space-between}#quiz-skill-label{font-weight:700}#quiz-mastery-summary{white-space:nowrap}#quiz-skill-progress{display:grid;gap:4px;grid-template-columns:repeat(7,minmax(18px,1fr))}.quiz-progress-segment{background:rgba(255,255,255,.22);border-radius:3px;height:5px}.quiz-progress-segment.is-available{background:rgba(255,255,255,.46)}.quiz-progress-segment.is-mastered{background:#21c16b}.quiz-progress-segment.is-current{box-shadow:0 0 0 2px #ffe08a}.answers{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.answers button{background:#fff;border:none;border-radius:12px;color:#000;font-size:20px;font-weight:700;line-height:1.2;min-height:48px;padding:8px 12px;position:relative}.answers.answers--long button{font-size:15px}.answers button.correct{background:#15803d;color:#fff}.answers button.wrong{background:#b91c1c;color:#fff}.answers button.correct::after,.answers button.wrong::after{font-weight:900;margin-left:.5ch}.answers button.correct::after{content:"✓"}.answers button.wrong::after{content:"✕"}.quiz-key{display:none}@media (hover:hover) and (pointer:fine){.quiz-key{border:1px solid currentColor;border-radius:4px;display:block;font-size:13px;font-weight:400;left:10px;line-height:18px;opacity:.65;position:absolute;text-align:center;top:calc(50% - 10px);width:20px}}#quiz-feedback{background:rgba(255,255,255,.95);border-left:4px solid #ffe08a;box-sizing:border-box;color:#253351;font-size:14px;line-height:1.45;padding:8px 10px}#quiz-feedback span,#quiz-feedback strong{display:block}#quiz-feedback strong{margin-bottom:3px}.quiz-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media screen and (max-width:640px){.tip{r:16px}.toolbar .clock-button{font-size:14px;padding:8px}.answers.is-reviewed button:not(.correct):not(.wrong){display:none}#verbal{align-items:center;display:grid;font-size:16px;min-height:2.5em}}@media screen and (min-width:992px){#app{scroll-margin-top:44px}}@media screen and (min-width:900px) and (min-height:561px){.clock-dock__top{flex-direction:row;justify-content:space-between}#verbal{white-space:nowrap}.toolbar{display:flex;justify-content:center}}@media screen and (min-width:900px),screen and (max-height:560px) and (min-width:640px){#app.quiz-active .ui{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,440px);grid-template-rows:auto;padding-top:12px}#app.quiz-active .clock-wrap{aspect-ratio:auto;height:max(240px,min(calc(100svh - 220px),620px));width:100%}}@media screen and (max-height:560px) and (min-width:640px){#app,#app.quiz-active{min-height:300px}#app{height:calc(100vh - 12px);height:calc(100svh - 12px)}#app.quiz-active{height:auto}.ui{align-items:center;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr)}.clock-wrap{height:100%}}@media (prefers-reduced-motion:reduce){#scene *{animation:none!important}.min-number,.pm-number{transition:none}}code,kbd{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:90%;padding:2px 4px}code{background-color:#f9f2f4;border-radius:4px;color:#c7254e}kbd{background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);color:#fff}