.apl-dots{scrollbar-width:none;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.apl-dot{border:1px solid var(--atp-bd2);background:var(--atp-soft);font-variant-numeric:tabular-nums;width:44px;height:44px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:13px;flex:none;place-items:center;font-size:14px;font-weight:800;transition:background-color .2s,border-color .2s,color .2s;display:grid;position:relative}.apl-dot:hover{color:hsl(var(--foreground));border-color:color-mix(in srgb, #7c3aed 45%, var(--atp-bd2))}.apl-dot[data-answered]{border-color:color-mix(in srgb, #059669 45%, var(--atp-bd2));background:color-mix(in srgb, #34d399 16%, var(--atp-card));color:#065f46}.dark .apl-dot[data-answered]{color:#a7f3d0}.apl-dot[aria-current=true]{color:#fff;background:#6d28d9;border-color:#0000;box-shadow:0 3px #4c1d95,0 10px 18px -10px #7c3aedcc}.apl-dot[data-flagged]:after{content:"";width:11px;height:11px;box-shadow:0 0 0 2px var(--atp-card);background:#d97706;border-radius:50%;position:absolute;top:-3px;right:-3px}.apl-dot:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.apl-opt{border:1px solid var(--atp-bd2);background:var(--atp-card);min-height:56px;color:hsl(var(--foreground));cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:8px 8px 8px 10px;font-size:15px;font-weight:600;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.apl-opt:disabled{cursor:default}.apl-opt:hover:not(:disabled){border-color:color-mix(in srgb, #7c3aed 45%, var(--atp-bd2))}.apl-opt:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.apl-key{border:1px solid var(--atp-bd2);background:var(--atp-soft);width:34px;height:34px;color:hsl(var(--muted-foreground));border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:850;display:grid}.apl-opt[aria-pressed=true],.apl-opt[aria-checked=true]{background:color-mix(in srgb, #a78bfa 14%, var(--atp-card));border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}.apl-opt[aria-pressed=true] .apl-key,.apl-opt[aria-checked=true] .apl-key{color:#fff;background:#6d28d9;border-color:#0000;box-shadow:0 2px #4c1d95}.apl-opt[data-state=right]{background:color-mix(in srgb, #34d399 16%, var(--atp-card));border-color:#059669;box-shadow:inset 0 0 0 1px #059669}.apl-opt[data-state=right] .apl-key{color:#fff;background:#047857;border-color:#0000;box-shadow:0 2px #064e3b}.apl-opt[data-state=wrong]{background:color-mix(in srgb, #fb7185 14%, var(--atp-card));border-color:#e11d48;box-shadow:inset 0 0 0 1px #e11d48}.apl-opt[data-state=wrong] .apl-key{color:#fff;background:#be123c;border-color:#0000;box-shadow:0 2px #881337}.apl-opt[data-out]{opacity:.5;text-decoration:line-through}.apl-opt-text{flex:1;min-width:0;overflow-x:auto}.apl-opt-text .katex-display,.apl-opt-text .katex-display>.katex,.apl-ans .katex-display,.apl-ans .katex-display>.katex{margin:0;text-align:left!important}.apl-opt-text div,.apl-ans div{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.apl-clock{border:1px solid color-mix(in srgb, #0891b2 40%, var(--atp-bd2));background:color-mix(in srgb, #22d3ee 12%, var(--atp-card));font-variant-numeric:tabular-nums;color:#155e75;border-radius:13px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:15px;font-weight:850;display:inline-flex}.dark .apl-clock{color:#a5f3fc}.apl-clock[data-level=low]{border-color:color-mix(in srgb, #d97706 50%, var(--atp-bd2));background:color-mix(in srgb, #fbbf24 16%, var(--atp-card));color:#92400e}.dark .apl-clock[data-level=low]{color:#fde68a}.apl-clock[data-level=out]{background:color-mix(in srgb, #fb7185 16%, var(--atp-card));color:#9f1239;border-color:#e11d48}.dark .apl-clock[data-level=out]{color:#fecdd3}.apl-clock svg{width:16px;height:16px}.apl-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.apl-stats[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.apl-stats[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.apl-stat{border:1px solid var(--atp-bd);background:var(--atp-soft);border-radius:18px;gap:6px;padding:14px;display:grid}.apl-stat .hh-tile{border-radius:11px;width:34px;height:34px}.apl-stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:850;line-height:1}.apl-stat span:last-child{color:hsl(var(--muted-foreground));font-size:13px;font-weight:650}.apl-mm-root{border:1px solid color-mix(in srgb, #2563eb 35%, var(--atp-bd2));background:color-mix(in srgb, #60a5fa 12%, var(--atp-card));text-align:center;min-width:200px;box-shadow:var(--atp-shadow);border-radius:22px;justify-items:center;gap:6px;padding:18px 22px;display:grid}.apl-mm-branch{--mm:#7c3aed;border:1px solid color-mix(in srgb, var(--mm) 40%, var(--atp-bd2));border-left:4px solid var(--mm);background:var(--atp-card);cursor:pointer;min-width:220px;box-shadow:0 12px 22px -18px var(--mm);border-radius:16px;padding:12px 14px;transition:opacity .2s,border-color .2s}.apl-mm-branch[data-closed]{opacity:.78}.apl-mm-branch:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){.apl-mm-branch,.apl-dot,.apl-opt{transition:none}}.apl-score{text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;flex:none;min-width:52px;padding:5px 10px;font-size:14px;font-weight:850}.apl-score[data-band=good]{background:color-mix(in srgb, #34d399 22%, var(--atp-card));color:#065f46}.apl-score[data-band=mid]{background:color-mix(in srgb, #fbbf24 24%, var(--atp-card));color:#92400e}.apl-score[data-band=low]{background:color-mix(in srgb, #fb7185 20%, var(--atp-card));color:#9f1239}.dark .apl-score[data-band=good]{color:#a7f3d0}.dark .apl-score[data-band=mid]{color:#fde68a}.dark .apl-score[data-band=low]{color:#fecdd3}
