:root{--ca-key-bg: var(--surface);--ca-key-edge: var(--surface-3);--ca-fn-bg: var(--surface-2)}html.dark{--ca-key-bg: var(--surface-2);--ca-key-edge: #111113;--ca-fn-bg: var(--surface)}main.ca-main{padding-top:12px;padding-bottom:16px;gap:12px}.ca-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;flex:0 0 auto}.ca-bar span{display:block;height:100%;background:var(--accent);transform-origin:left center;will-change:transform;transition:background .3s}.ca-bar.low span{background:var(--bad)}.ca-stage{flex:1;position:relative;display:grid;min-height:0}.ca-stage>*{grid-area:1 / 1}.ca-start{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:8px 4px}.ca-clock{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;grid-auto-flow:column;align-content:center;justify-content:center;gap:2px;font-size:3rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--accent);background:var(--accent-soft);border:4px solid var(--accent)}.ca-clock small{font-size:1.1rem;font-weight:800;align-self:end;margin-bottom:8px}.ca-start h2{font-size:1.35rem;font-weight:900;letter-spacing:-.02em;line-height:1.2;max-width:20ch}.ca-start p{color:var(--muted);max-width:30ch}.ca-start .sh-btn.ca-go{min-height:56px;min-width:200px;font-size:1.2rem;margin-top:6px}.ca-start .sh-tip:empty{display:none}.ca-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:16px;overflow:hidden}.ca-card.ok{animation:ca-ok .32s var(--ease)}@keyframes ca-ok{0%{background:color-mix(in srgb,var(--good) 26%,var(--surface))}to{background:var(--surface)}}.ca-problem{font-size:clamp(2.4rem,13.5vw,4.4rem);font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;min-height:1em}.ca-problem.in{animation:ca-in .12s var(--ease)}@keyframes ca-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.ca-answer{min-width:156px;height:64px;padding:0 18px;display:grid;place-items:center;border-radius:14px;border:2px solid var(--border);background:var(--bg);font-size:2.2rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:border-color .12s}.ca-answer:after{content:"";width:3px;height:1.1em;border-radius:2px;background:var(--accent);animation:ca-caret 1s steps(1) infinite}.ca-answer.filled{border-color:var(--accent);grid-auto-flow:column;justify-content:center;gap:3px}.ca-answer.pop{animation:sh-pop .12s var(--ease-bounce)}@keyframes ca-caret{50%{opacity:0}}.ca-count{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:900;color:var(--accent);background:var(--surface)}.ca-count.pop{animation:ca-count 1s var(--ease) both}@keyframes ca-count{0%{transform:scale(1.5);opacity:0}18%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(.85);opacity:.2}}.ca-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:0 0 auto}.ca-key{height:clamp(52px,8.2dvh,70px);border-radius:12px;background:var(--ca-key-bg);box-shadow:0 2px 0 var(--ca-key-edge);font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums;display:grid;place-items:center;align-content:center;transition:transform .06s var(--ease),box-shadow .06s,background .1s}.ca-key.fn{background:var(--ca-fn-bg);color:var(--muted)}.ca-key svg{width:26px;height:26px}.ca-key small{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1}.ca-key:active:not(:disabled){transform:translateY(2px) scale(.97);box-shadow:0 0 0 var(--ca-key-edge)}.ca-key.hit{animation:ca-hit .16s var(--ease)}@keyframes ca-hit{0%{transform:translateY(2px) scale(.95);box-shadow:0 0 0 var(--ca-key-edge);background:color-mix(in srgb,var(--accent) 22%,var(--ca-key-bg))}to{transform:none;box-shadow:0 2px 0 var(--ca-key-edge)}}.ca-keypad.off .ca-key{opacity:.45;cursor:default}.ca-pause{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);padding:16px;animation:ca-fade .2s var(--ease)}.ca-pause h2{font-size:1.8rem;font-weight:900}.ca-pause p{color:var(--muted);max-width:28ch}.ca-pause .sh-btn{min-width:180px;margin-top:6px}@keyframes ca-fade{0%{opacity:0}to{opacity:1}}.ca-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.ca-results.in{animation:ca-rise .4s var(--ease) both}@keyframes ca-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ca-res-head{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.ca-score b{display:block;font-size:6rem;font-weight:900;line-height:.95;letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums}.ca-score span{font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.ca-best{color:var(--muted);font-weight:700}.ca-best.new{color:var(--good);font-weight:900}.ca-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:6px 0}.ca-tiles div{text-align:center;background:var(--surface);border-radius:var(--radius-sm);padding:10px 6px;box-shadow:var(--shadow)}.ca-tiles b{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.ca-tiles span{display:block;font-size:.72rem;color:var(--muted);line-height:1.2}.sh-modal .ca-tiles div{background:var(--surface-2);box-shadow:none}.ca-res-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.sh-dist-row{grid-template-columns:44px 1fr}.ca-main a.sh-btn,.sh-modal a.sh-btn{text-decoration:none}