.hf{--hf-ring-line:var(--border);--hf-ring-line-faint:var(--border-subtle);--hf-gold-wash:color-mix(in srgb,var(--ui-accent) 8%,transparent);--hf-tone-0:#7E9CC0;--hf-tone-1:#7FBBA0;--hf-tone-2:#B892C8;display:flex;flex-direction:column;gap:10px}[data-theme=light] .hf{--hf-tone-0:#496B95;--hf-tone-1:#3D735A;--hf-tone-2:#8A52A2}.hf-picker{display:flex;flex-direction:column;gap:10px}.hf-picker .wiw-sentence-line{font-family:var(--font-serif);font-size:21px;line-height:1.75;color:var(--text-secondary)}.hf-picker .wiw-slot{color:var(--ui-accent)}@media (max-width:420px){.hf-picker .wiw-sentence-line{font-size:18px}}.hf-hint{margin:14px 0 0;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.hf-empty{padding-top:6px;opacity:.45}.hf-empty .hf-ring{width:min(168px,52vw)}.hf-result{margin-top:6px;padding-top:18px;border-top:1px solid var(--border-subtle)}.hf-answer{margin:0 0 4px;text-align:center;font-family:var(--font-serif);font-size:28px;line-height:1.15;color:var(--ui-accent)}.hf-answer-how{margin:0 0 12px;text-align:center;font-family:var(--font-sans);font-size:14px;line-height:1.4;color:var(--text-tertiary)}.hf-ring-wrap{display:flex;justify-content:center;margin:4px 0 14px}.hf-ring{width:min(196px,60vw);height:auto}.hf-ring-sector{transition:fill .25s ease,stroke .25s ease;fill:transparent;stroke:var(--border-subtle)}.hf-ring-sector[data-kind=path]{fill:color-mix(in srgb,var(--sector-tone) 8%,transparent);stroke:color-mix(in srgb,var(--sector-tone) 22%,transparent)}.hf-ring-sector[data-kind=landing]{fill:color-mix(in srgb,var(--sector-tone) 22%,transparent);stroke:color-mix(in srgb,var(--sector-tone) 62%,transparent)}.hf-ring-sector[data-kind=final]{fill:color-mix(in srgb,var(--sector-tone) 30%,transparent);stroke:var(--sector-tone)}.hf-ring-sector[data-state=beat]{fill:color-mix(in srgb,var(--sector-tone) 55%,transparent);stroke:var(--sector-tone)}.hf-ring-num{font-family:var(--font-mono);font-size:11px;fill:var(--text-tertiary)}.hf-ring-num[data-kind=path]{fill:color-mix(in srgb,var(--sector-tone) 60%,transparent)}.hf-ring-num[data-kind=landing]{fill:var(--sector-tone)}.hf-ring-num[data-kind=final]{fill:var(--sector-tone);font-weight:500}.hf-ring-num[data-state=beat]{fill:var(--sector-tone)}.hf-ring-centre{fill:var(--text-primary);font-size:28px;animation:hf-glyph-in .22s ease both}@keyframes hf-glyph-in{0%{opacity:0}to{opacity:1}}.hf-ring-count{font-family:var(--font-mono);font-size:14px;fill:var(--sector-tone,var(--ui-accent))}.hf-play{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0 0 16px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--ui-accent);font-family:var(--font-sans);font-size:13.5px;cursor:pointer}.hf-play:hover:not(:disabled){border-color:var(--gold-border)}.hf-play:disabled{opacity:.5;cursor:default}.hf-walk{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:0}.hf-walk-row{display:flex;align-items:baseline;gap:8px;padding:4px 5px;border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);transition:background-color .3s ease}.hf-walk-n{flex:0 0 16px;color:var(--row-tone,var(--text-tertiary));font-weight:500}.hf-walk-label{flex:1 1 auto}.hf-walk-house{margin-left:auto;white-space:nowrap;color:var(--row-tone,var(--ui-accent))}.hf-walk-row[data-final] .hf-walk-label{color:var(--ui-accent)}.hf-walk-row[data-active]{background:color-mix(in srgb,var(--row-tone,var(--ui-accent)) 12%,transparent)}.hf-explain{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--text-tertiary)}.hf-note{margin:0 0 14px;padding:10px 12px;border:1px solid var(--border);border-left:2px solid var(--gold-border);border-radius:9px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.hf-inline-link{padding:0;border:0;border-bottom:1px dotted var(--gold-border);background:none;color:var(--ui-accent);font:inherit;cursor:pointer}.hf-inline-link:hover{border-bottom-style:solid}.hf-stage2{padding:14px;border:1px solid var(--gold-border);border-radius:12px;background:var(--hf-gold-wash)}.hf-stage2 p{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.hf-cta{display:block;min-height:48px;line-height:48px;border-radius:10px;background:var(--ui-accent);color:var(--gold-foreground);font-size:15px;font-weight:600;text-align:center;text-decoration:none}@media (max-width:899px){.hf[data-answered] .hf-result{margin-top:0;padding-top:14px}}@media (min-width:900px){.hf{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"picker" "answer" "feedback";align-content:start;gap:10px 26px}.hf-picker{grid-area:picker}.hf-answer-col{grid-area:answer}.hf .tool-feedback{grid-area:feedback}.hf-picker{align-items:center}.hf-picker .wiw-sentence{width:min(100%,620px);text-align:center}.hf[data-answered] .hf-result{display:grid;grid-template-columns:240px minmax(0,620px);grid-template-areas:"answer answer" "how    how" "figure detail";column-gap:28px;justify-content:center;align-items:start}.hf[data-answered] .hf-answer{grid-area:answer}.hf[data-answered] .hf-answer-how{grid-area:how;margin-bottom:14px}.hf[data-answered] .hf-figure{grid-area:figure}.hf[data-answered] .hf-detail{grid-area:detail}.hf[data-answered] .hf-figure .hf-ring-wrap{margin-top:0}}@media (prefers-reduced-motion:reduce){.hf-ring-sector,.hf-walk-row{transition:none}.hf-ring-centre{animation:none}}