.htn{--htn-paper:#14110f;--htn-paper-2:#1c1815;--htn-raised:#262019;--htn-ink:#f6efe6;--htn-ink-2:#b8ab9c;--htn-ink-3:#7d7268;--htn-line:#f6efe61a;--htn-line-2:#f6efe62e;--htn-live:#ffb03a;--htn-lock:#7ee081;--htn-flat:#6ba8ff;background:radial-gradient(ellipse 70% 50% at 50% -10%,#ffb03a1f,transparent 70%),var(--htn-paper);min-height:100svh;color:var(--htn-ink);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif}.htn-shell{max-width:720px;margin-inline:auto;padding:24px 20px 96px}@media (min-width:768px){.htn-shell{padding:40px 24px 120px}}.htn-stage{border:1px solid var(--htn-line);background:linear-gradient(180deg,var(--htn-paper-2),var(--htn-paper));border-radius:28px;flex-direction:column;align-items:center;gap:28px;padding:40px 24px;display:flex;box-shadow:inset 0 1px #f6efe60d,0 24px 64px #0006}@media (min-width:640px){.htn-stage{gap:36px;padding:56px 40px}}.htn-cue{letter-spacing:.22em;text-transform:uppercase;color:var(--htn-ink-3);font-size:13px;font-weight:500;transition:color .2s}.htn-cue[data-state=listening]{color:var(--htn-live)}.htn-cue[data-state=locked]{color:var(--htn-lock)}.htn-dial{place-items:center;width:264px;height:264px;display:grid;position:relative}@media (min-width:640px){.htn-dial{width:300px;height:300px}}.htn-note{font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:84px;font-weight:600;line-height:1;transition:color .2s}@media (min-width:640px){.htn-note{font-size:100px}}.htn-note[data-state=listening]{color:var(--htn-ink)}.htn-note[data-state=ontarget]{color:var(--htn-live)}.htn-note[data-state=locked]{color:var(--htn-lock)}.htn-hz{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;color:var(--htn-ink-3);font-variant-numeric:tabular-nums;margin-top:6px;font-size:14px}.htn-meter{border:1px solid var(--htn-line);background:var(--htn-paper);border-radius:16px;width:100%;height:64px;position:relative;overflow:hidden}.htn-meter-band{background:#ffb03a1a;transition:background .2s;position:absolute;inset-block:0}.htn-meter[data-on=true] .htn-meter-band{background:#ffb03a38}.htn-meter-centre{inset-block:0;background:var(--htn-line-2);width:1px;position:absolute;left:50%}.htn-needle{background:var(--htn-ink);border-radius:999px;width:4px;transition:left 70ms linear,background .16s;position:absolute;inset-block:8px;transform:translate(-50%)}.htn-needle[data-on=true]{background:var(--htn-live)}.htn-verdict{width:100%;font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--htn-ink-3);justify-content:space-between;font-size:12px;display:flex}.htn-verdict strong{color:var(--htn-ink-2);font-weight:500}.htn-verdict strong[data-on=true]{color:var(--htn-live)}.htn-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.htn-btn{border:1px solid var(--htn-line-2);min-height:52px;color:var(--htn-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:500;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.htn-btn:hover{background:var(--htn-raised);border-color:var(--htn-ink-3)}.htn-btn:active{transform:scale(.97)}.htn-btn:focus-visible{outline:2px solid var(--htn-live);outline-offset:3px}.htn-btn:disabled{opacity:.4;cursor:default;transform:none}.htn-btn--go{background:var(--htn-ink);min-height:60px;color:var(--htn-paper);border-color:#0000;padding:0 40px;font-size:17px;font-weight:600}.htn-btn--go:hover{background:#fff;border-color:#0000}.htn-btn--quiet{min-height:40px;color:var(--htn-ink-3);border-color:#0000;padding:0 14px;font-size:14px}.htn-btn--quiet:hover{color:var(--htn-ink);background:0 0;border-color:#0000}.htn-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.htn-pick{border:1px solid var(--htn-line);min-height:40px;color:var(--htn-ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:14px;transition:background .14s,border-color .14s,color .14s}.htn-pick:hover{border-color:var(--htn-ink-3);color:var(--htn-ink)}.htn-pick[aria-pressed=true]{border-color:var(--htn-live);color:var(--htn-ink);background:#ffb03a24}.htn-pick:focus-visible{outline:2px solid var(--htn-live);outline-offset:3px}.htn-choices{flex-direction:column;gap:18px;width:100%;display:flex}.htn-choice{border:0;min-width:0;margin:0;padding:0}.htn-choice legend{letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--htn-ink-3);text-align:center;margin-bottom:10px;padding:0;font-size:11px;display:block}.htn-quiet{color:var(--htn-ink-3);text-align:center;font-size:13px}.htn-quiet a{color:var(--htn-ink-2);text-underline-offset:3px;text-decoration:underline}.htn-score{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.htn-score div{flex-direction:column;align-items:center;gap:4px;display:flex}.htn-score dd{font-family:var(--font-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.htn-score dt{letter-spacing:.16em;text-transform:uppercase;color:var(--htn-ink-3);font-size:11px}.htn-more{flex-direction:column;gap:2px;margin-top:56px;display:flex}.htn-more details{border-top:1px solid var(--htn-line)}.htn-more details:last-of-type{border-bottom:1px solid var(--htn-line)}.htn-more summary{cursor:pointer;color:var(--htn-ink-2);justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font-size:15px;list-style:none;transition:color .14s;display:flex}.htn-more summary::-webkit-details-marker{display:none}.htn-more summary:hover{color:var(--htn-ink)}.htn-more summary:focus-visible{outline:2px solid var(--htn-live);outline-offset:-2px}.htn-more summary:after{content:"+";font-family:var(--font-mono),ui-monospace,monospace;color:var(--htn-ink-3);font-size:18px}.htn-more details[open] summary:after{content:"−"}.htn-more details[open] summary{color:var(--htn-ink)}.htn-more .htn-body{max-width:60ch;color:var(--htn-ink-2);padding:0 4px 22px;font-size:15px;line-height:1.65}.htn-more .htn-body p+p{margin-top:14px}.htn-more .htn-body strong{color:var(--htn-ink);font-weight:600}.htn-more .htn-body code{font-family:var(--font-mono),ui-monospace,monospace;color:var(--htn-ink);font-size:.9em}.htn-badge{border:1px solid var(--htn-line);color:var(--htn-ink-3);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-top:48px;padding:7px 14px;font-size:11px;transition:color .14s,border-color .14s;display:inline-flex}.htn-badge:hover{color:var(--htn-ink-2);border-color:var(--htn-line-2)}.htn-badge span{background:currentColor;border-radius:999px;width:5px;height:5px}@media (prefers-reduced-motion:reduce){.htn-needle,.htn-btn,.htn-pick,.htn-note,.htn-cue{transition:none}}