.dr{flex-direction:column;min-height:100dvh;display:flex}.dr-bar{z-index:10;isolation:isolate;background:linear-gradient(to bottom, var(--white-a80), var(--white-a55));padding-top:env(safe-area-inset-top);position:sticky;top:0}.dr-bar-inner{align-items:center;gap:var(--space-3);height:4rem;display:flex}.dr-progress{border-radius:var(--radius-pill);background:var(--navy-a10);flex:1;height:.75rem;overflow:hidden}.dr-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--signal), var(--gold-2));width:0;height:100%;transition:width .5s var(--ease-out);display:block}.dr-xp{padding:4px var(--space-3);border-radius:var(--radius-pill);background:var(--navy);color:var(--signal);font-size:var(--text-xs);align-items:baseline;gap:3px;font-weight:700;display:inline-flex}.dr-xp b{font-size:var(--text-sm);color:var(--white);font-variant-numeric:tabular-nums}.dr-main{align-content:start;gap:var(--space-4);padding-block:var(--space-5) 8rem;flex:1;display:grid}.dr-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:1.75rem;display:flex}.dr-subject{padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--navy-a06);color:var(--navy);font-size:var(--text-xs);font-weight:700}.dr-combo{padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--signal-soft);color:var(--gold-text);font-size:var(--text-xs);align-items:center;gap:4px;font-weight:700;display:inline-flex}.dr-combo svg{width:.9rem;height:.9rem}.dr-again{padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--wrong-soft);color:var(--wrong);font-size:var(--text-xs);font-weight:700}.dr-prompt{font:700 1.3125rem / 1.35 var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:pre-line;outline:none}@media (width>=40rem){.dr-prompt{font-size:var(--text-2xl)}}.dr-main .choice{min-height:3.75rem}.dr-main .choice:disabled{cursor:default}.dr-foot{z-index:9;padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--white-a85), var(--white-a55));backdrop-filter:blur(16px);border-top:1px solid var(--white-a60);position:fixed;inset:auto 0 0}.dr-foot .wrap,.dr-fb .wrap{max-width:40rem}.dr-fb{z-index:11;padding:var(--space-5) 0 calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -20px 50px var(--navy-a30);position:fixed;inset:auto 0 0}.dr-fb.is-right{background:var(--correct-soft)}.dr-fb.is-wrong{background:var(--wrong-soft)}.dr-fb-inner{gap:var(--space-4);display:grid}.dr-fb-head{align-items:center;gap:var(--space-3);display:flex}.dr-fb-icon{width:2.75rem;height:2.75rem;color:var(--white);border-radius:50%;flex:none;place-items:center;display:grid}.dr-fb-icon svg{stroke-width:3px;width:1.4rem;height:1.4rem}.is-right .dr-fb-icon{background:var(--correct-fill)}.is-wrong .dr-fb-icon{background:var(--wrong)}.dr-fb-head>div{flex:1}.dr-fb-title{font:700 var(--text-xl) / 1.2 var(--font-display);letter-spacing:-.02em}.is-right .dr-fb-title{color:var(--correct)}.is-wrong .dr-fb-title{color:var(--wrong)}.dr-fb-sub{font-size:var(--text-sm);color:var(--ink);font-weight:600}.dr-fb-xp{font:700 var(--text-lg) / 1 var(--font-display);color:var(--correct)}.dr-fb .why{max-height:30dvh;overflow-y:auto}.is-right [data-continue]{--btn-bg:var(--correct-fill);--btn-fg:var(--white);--btn-border:var(--correct-fill)}.is-wrong [data-continue]{--btn-bg:var(--wrong);--btn-fg:var(--white);--btn-border:var(--wrong)}.dr-done{min-height:100dvh;padding-block:var(--space-6);place-items:center;display:grid}.dr-done-card{justify-items:center;gap:var(--space-3);width:100%;max-width:30rem;padding:var(--space-7) var(--space-5);border-radius:var(--radius-xl);background:var(--navy-panel);color:var(--on-dark-2);text-align:center;display:grid}.dr-done-kicker{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);font-weight:700}.dr-done-card h1{letter-spacing:-.04em;color:var(--white);font-size:clamp(3rem,14vw,4.5rem);font-weight:700}.dr-done-card h1 span{color:var(--signal)}.dr-stats{gap:var(--space-2);width:100%;margin:var(--space-3) 0;grid-template-columns:repeat(3,1fr);display:grid}.dr-stats div{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--white-a06);border:1px solid var(--on-dark-line);gap:2px;display:grid}.dr-stats dt{font-size:var(--text-xs);color:var(--on-dark-3);font-weight:600}.dr-stats dd{font:700 var(--text-xl) / 1.2 var(--font-display);color:var(--white);margin:0}.dr-done-actions{gap:var(--space-2);width:100%;display:grid}