.f-root{--f-red:#ff4b3e;--f-amber:#f59e0b;--f-line:#ffffff61;--f-muted:#b0b9c8;color:#fff}.f-sprite{width:0;height:0;position:absolute;overflow:hidden}.f-cluster{border:1.5px solid var(--f-line);background:#12151c;border-radius:28px;gap:20px;padding:20px 16px 24px;display:grid;position:relative}@media (width>=640px){.f-cluster{border-radius:40px;padding:28px 28px 32px}}.f-dials{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:520px;margin:0 auto;display:grid}.f-dial{width:100%;height:auto;display:block;overflow:visible}.f-arc,.f-ticks,.f-needle path{fill:none;stroke-linecap:round}.f-arc{stroke:var(--f-line);stroke-width:2.5px}.f-ticks{stroke:var(--f-muted);stroke-width:1.5px}.f-dial text{fill:var(--f-muted);font:500 17px/1 Inter,Helvetica Neue,Arial,sans-serif}.f-dial .f-unit{font-size:16px;font-weight:400}.f-needle{transform-box:view-box;transform-origin:100px 104px}.f-needle path{stroke:#fff;stroke-width:2.5px}.f-needle circle{fill:#12151c;stroke:#fff;stroke-width:2.5px}.f-lamps{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.f-lamps{grid-template-columns:1fr 1fr;gap:24px 40px}}.f-lamp{grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.f-lamp[data-tone=red]{color:var(--f-red)}.f-lamp[data-tone=amber]{color:var(--f-amber)}.f-face{grid-row:span 3;width:48px;height:48px;display:block;position:relative}.f-face svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.f-on{filter:drop-shadow(0 0 5px)}.f-off{display:none}.f-name{color:#fff;font-size:1rem;font-weight:700;line-height:1.3}.f-means,.f-do{color:var(--f-muted);margin:4px 0 0;font-size:.9375rem;line-height:1.5}.f-do{color:#fff}.f-do a{color:#fff;text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #7d97ff;text-decoration:underline #7d97ff;text-decoration-thickness:2px}.f-root.is-live .f-lamps .f-means,.f-root.is-live .f-lamps .f-do{display:none}.f-root.is-live .f-lamps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.f-root.is-live .f-lamp{display:block}.f-btn{width:100%;height:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;display:flex}.f-btn:hover{border-color:#ffffff29}.f-btn:focus-visible{outline-offset:2px;outline:2px solid #7d97ff}.f-btn[aria-pressed=true]{border-color:var(--f-line);background:#ffffff0d}.f-root.is-live .f-lamps .f-face{width:44px;height:44px}.f-root.is-live .f-lamps .f-off{color:#ffffff42;display:block}.f-root.is-live .f-lamps .f-on{opacity:0;transition:opacity .16s ease-out}.f-root.is-live .f-lamps .f-btn[aria-pressed=true] .f-on{opacity:1}.f-root.is-live .f-name{color:var(--f-muted);font-size:.8125rem;font-weight:600;line-height:1.25}.f-btn[aria-pressed=true] .f-name{color:#fff}@media (width<=639px){.f-cluster{padding:18px 10px 20px}.f-root.is-live .f-lamps{gap:4px}.f-btn{padding:10px 0 8px}.f-root.is-live .f-name{letter-spacing:-.01em;font-size:.75rem;font-weight:500}}@media (width>=1024px){.f-root.is-live .f-lamps .f-face{width:52px;height:52px}.f-root.is-live .f-name{font-size:.875rem}.f-root.is-live .f-cluster{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,200px);align-items:center;gap:24px}.f-root.is-live .f-dials{display:contents}.f-root.is-live .f-dial--rev{grid-area:1/1}.f-root.is-live .f-lamps{grid-area:1/2}.f-root.is-live .f-dial--speed{grid-area:1/3}}.f-detail{background:#12151c;border:1px solid #ffffff14;border-radius:16px;min-height:132px;margin-top:16px;padding:20px}@media (width>=640px){.f-detail{padding:24px 28px}}.f-hint{color:var(--f-muted);margin:0;font-size:.9375rem}.f-pick{grid-template-columns:44px minmax(0,1fr);column-gap:16px;display:grid}.f-pick[data-tone=red]{color:var(--f-red)}.f-pick[data-tone=amber]{color:var(--f-amber)}.f-pick .f-face{width:44px;height:44px}.f-pick .f-off{display:none}.f-pick .f-on{opacity:1}.f-pick h3{letter-spacing:-.015em;color:#fff;margin:0;font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.2}.f-pick .f-means,.f-pick .f-do{max-width:40rem;display:block}.f-pick .f-means{margin-top:6px;font-size:1rem}.f-pick .f-do{margin-top:10px;font-size:1rem}.f-pick>div{grid-column:2}.f-pick .f-face{grid-row:1}.f-in{animation:.26s cubic-bezier(.16,1,.3,1) both f-in}@keyframes f-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.f-end{color:#fff;max-width:44rem;margin:28px 0 0;font-size:18px;line-height:1.5}@media (width>=1024px){.f-end{font-size:20px}}@media (prefers-reduced-motion:reduce){.f-root.is-live .f-lamps .f-on{transition:none}.f-in{animation:none}}