.alt{--alt-accent:#3fd0ff;--alt-quiet:#a9b2bf;--alt-good:#57d98c;--alt-warn:#ffb547;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-block:1.25rem 2rem;display:grid}.alt-kicker{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.alt-dim{color:var(--alt-quiet);font-size:.92rem}.alt-bar{border:1px solid var(--line);background:radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--alt-accent) 13%, transparent), transparent 60%), var(--panel-2);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem 1.4rem;padding:1rem 1.15rem;display:grid}.alt-out{gap:.2rem;min-width:0;display:grid}.alt-out strong{font:800 1.15rem/1.25 var(--font-display);color:var(--text)}.alt-note{color:var(--text-2);font-size:.92rem;line-height:1.45}.alt-facts{gap:1.1rem;margin:0;display:flex}.alt-facts dt{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--alt-quiet)}.alt-facts dd{font:700 1rem/1.2 var(--font-mono);color:var(--text);white-space:nowrap;margin:.2rem 0 0}.alt-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.alt-tabs button{border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);font:700 .95rem/1.2 var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;display:flex}.alt-tabs button b{width:1.5rem;height:1.5rem;font:800 .88rem/1 var(--font-mono);background:#1b2433;border-radius:50%;place-items:center;display:grid}.alt-tabs button[aria-selected=true]{color:var(--text);border-color:var(--alt-accent)}.alt-tabs button[aria-selected=true] b{background:var(--alt-accent);color:#06121a}.alt-panel{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 1.4rem;padding:1.1rem 1.2rem;display:grid}.alt-panel[hidden]{display:none}.alt-panel>p{color:var(--text-2);grid-column:1/-1;margin:0;font-size:.95rem;line-height:1.55}.alt-howto{align-content:start;gap:.8rem;display:grid}.alt-howto p{color:var(--text-2);margin:0;font-size:.95rem;line-height:1.55}.alt-howto p[hidden]{display:none}.alt-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.8rem;display:flex}.alt-padwrap{justify-items:center;gap:.8rem;display:grid}.alt-pad{aspect-ratio:1;width:min(15rem,70vw);color:var(--text);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 40%,#1d2738,#0a0f17 70%);border:0;border-radius:50%;position:relative;box-shadow:inset 0 0 0 2px #ffffff1f,0 20px 50px #00000073}.alt-pad-ring{border:2px dashed #ffffff24;border-radius:50%;position:absolute;inset:10%}.alt-pad-label{font:800 1.05rem/1.3 var(--font-display);position:relative}.alt-pad.is-tap{animation:.18s ease-out alt-tap}@keyframes alt-tap{0%{box-shadow:inset 0 0 0 3px var(--alt-accent), 0 0 30px var(--alt-accent);transform:scale(.95)}to{transform:scale(1)}}.alt-pad.is-flash{color:#06121a;background:radial-gradient(circle at 50% 40%,#fff,#cfe9ff 60%,#6fbfff)}.alt-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:16rem;margin:0;padding:0;list-style:none;display:flex}.alt-dots li{background:#1b2433;border-radius:50%;width:.7rem;height:.7rem}.alt-dots li[data-count]{background:#141a24;outline:1px dashed #ffffff2e}.alt-dots li[data-state=done]{background:var(--alt-accent)}.alt-dots li[data-count][data-state=done]{background:#4a5568}.alt-strip-card{grid-column:1/-1;gap:.45rem;display:grid}.alt-strip{border:1px solid var(--line);background:linear-gradient(90deg,#ffb54714,#0000 25% 75%,#3fd0ff14),#070b11;border-radius:10px;height:3.4rem;position:relative;overflow:hidden}.alt-strip-beat{background:#ffffff80;width:2px;position:absolute;top:0;bottom:0}.alt-strip-median{background:var(--alt-good);width:4px;box-shadow:0 0 12px var(--alt-good);border-radius:2px;position:absolute;top:.3rem;bottom:.3rem;translate:-50%}.alt-strip-median[hidden]{display:none}.alt-strip-dots i{background:var(--alt-accent);opacity:.85;width:.7rem;height:.7rem;box-shadow:0 0 8px var(--alt-accent);border-radius:50%;animation:.3s ease-out alt-drop;position:absolute;top:50%;translate:-50% -50%}.alt-strip-dots i:nth-child(odd){top:35%}.alt-strip-dots i:nth-child(3n){top:66%}@keyframes alt-drop{0%{opacity:0;transform:scale(2.2)}}.alt-axis{height:1.1rem;font:600 .88rem/1 var(--font-mono);color:var(--alt-quiet);position:relative}.alt-axis span{position:absolute;translate:-50%}.alt-axis-names{height:1.3rem;color:var(--alt-quiet);font-size:.88rem;position:relative}.alt-axis-names span{white-space:nowrap;position:absolute;top:0}.alt-axis-names span:first-child{left:0}.alt-axis-names span:nth-child(2){translate:-50%}.alt-axis-names span:last-child{right:0}.alt-trials{flex-wrap:wrap;grid-column:1/-1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.alt-trials li{border:1px solid var(--line);font:800 1rem/1 var(--font-mono);color:var(--text);background:#0b1017;border-radius:8px;padding:.4rem .7rem}.alt-results{border:1px solid var(--line);background:#0b1017;border-radius:14px;gap:.8rem;padding:1.1rem 1.2rem;display:grid}.alt-results h2,.alt-how h2{font:800 1.15rem/1.3 var(--font-display);color:var(--text);margin:0}.alt-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;display:grid}.alt-table div{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:.2rem;padding:.7rem .8rem;display:grid}.alt-table dt{color:var(--alt-quiet);font-size:.88rem}.alt-table dd{font:800 1.25rem/1.1 var(--font-mono);color:var(--text);margin:0}.alt-table .alt-key{border-color:color-mix(in srgb, var(--alt-accent) 50%, var(--line))}.alt-table .alt-key dd{color:var(--alt-accent)}.alt-findings{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.alt-findings li{color:var(--text);border-left:3px solid var(--alt-accent);padding-left:1rem;font-size:.95rem;line-height:1.5}.alt-findings li.alt-dim{color:var(--alt-quiet);border-left:0;padding-left:0}.alt-how{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;display:grid}.alt-how>div{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;align-content:start;gap:.6rem;padding:1rem 1.1rem;display:grid}.alt-how p{color:var(--text-2);margin:0;font-size:.94rem;line-height:1.55}.alt-links{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.alt-links a{color:var(--alt-accent);font-weight:700;text-decoration:none}.alt-links a:hover{text-decoration:underline}@media (width<=860px){.alt-panel,.alt-how{grid-template-columns:minmax(0,1fr)}.alt-table{grid-template-columns:repeat(2,minmax(0,1fr))}.alt-bar{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.alt-table{grid-template-columns:minmax(0,1fr)}.alt-axis span:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.alt-pad.is-tap,.alt-strip-dots i{animation:none}}