.spin{position:relative;overflow:hidden}.spin-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.spin-eyebrow svg{width:15px;height:15px}.spin-title{color:var(--ink);margin-top:6px;font-size:18px;font-weight:900}.spin-sub{color:var(--ink-soft);max-width:460px;margin-top:5px;font-size:12.5px;line-height:1.75}.spin-filters{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.spin-chip{border:1px solid var(--line-strong);background:var(--card);color:var(--ink-soft);cursor:pointer;border-radius:99px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:800;transition:background .15s,color .15s,border-color .15s}.spin-chip:hover:not(:disabled){border-color:var(--brand-lite);color:var(--brand)}.spin-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.spin-chip:disabled{opacity:.45;cursor:default}.spin-chip-sep{background:var(--line);align-self:stretch;width:1px;margin:2px 4px}.spin-machine{align-items:stretch;gap:14px;margin-top:16px;display:flex}.spin-body{background:linear-gradient(160deg, var(--surface), var(--surface-2));border:1px solid var(--line-strong);border-radius:20px;flex:1;min-width:0;padding:14px;box-shadow:inset 0 2px 10px #50320a0f}.spin-heads{gap:10px;display:flex}.spin-heads .spin-window{flex:1}.spin-window{box-sizing:content-box;background:var(--card);border:1px solid var(--line-strong);border-radius:13px;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #50320a17}.spin-window:after{content:"";pointer-events:none;background:linear-gradient(#00000012,#0000 26% 74%,#00000012);border-radius:13px;position:absolute;inset:0}.spin-strip{will-change:transform}.spin-cell{text-align:center;place-items:center;padding:0 14px;display:grid}.spin-cell-head{letter-spacing:.04em;color:var(--brand-deep);font-size:13px;font-weight:900}.spin-window-q{margin-top:10px}.spin-cell-q{color:var(--ink);font-size:15px;font-weight:700;line-height:1.55}.spin-cell-q.long{font-size:13.5px;line-height:1.5}.spin-window.rolling .spin-cell{filter:blur(1.1px);opacity:.75}.spin-lever{cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:46px;padding:0;display:grid;position:relative}.spin-lever:disabled{opacity:.4;cursor:default}.spin-lever-track{background:var(--line-strong);border-radius:99px;width:9px;height:100%;min-height:120px}.spin-lever-arm{background:linear-gradient(180deg, var(--ink-faint), var(--ink-mute));border-radius:99px;width:7px;height:46px;transition:transform .18s cubic-bezier(.3,1.4,.5,1);position:absolute;top:8px;left:50%;transform:translate(-50%)}.spin-lever-knob{background:radial-gradient(circle at 34% 30%, var(--brand-lite), var(--brand-deep));width:28px;height:28px;box-shadow:0 5px 12px -4px var(--brand-glow);border-radius:50%;transition:transform .18s cubic-bezier(.3,1.4,.5,1);position:absolute;top:0;left:50%;transform:translate(-50%,-42%)}.spin-lever.pulled .spin-lever-arm{transform:translate(-50%,62px)}.spin-lever.pulled .spin-lever-knob{transform:translate(-50%,62px)translateY(-42%)}.spin-timer{flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;display:flex}.spin-dial{flex-shrink:0;width:84px;height:84px;position:relative}.spin-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.spin-dial circle{fill:none;stroke-width:6px}.spin-dial-bg{stroke:var(--line)}.spin-dial-fg{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:339.3;transition:stroke-dashoffset .95s linear}.spin-dial[data-phase=prep] .spin-dial-fg{stroke:var(--amber)}.spin-dial[data-phase=done] .spin-dial-fg{stroke:var(--green)}.spin-dial-n{font-variant-numeric:tabular-nums;color:var(--ink);place-items:center;font-size:21px;font-weight:900;display:grid;position:absolute;inset:0}.spin-timer-side{flex:1;min-width:190px}.spin-hint{color:var(--ink-soft);min-height:34px;font-size:12.5px;line-height:1.7}.spin-timer-btns{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.spin-kit{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:14px}.spin-kit>summary{cursor:pointer;color:var(--brand-deep);padding:11px 15px;font-size:12.5px;font-weight:800;list-style:none}.spin-kit>summary::-webkit-details-marker{display:none}.spin-kit>summary:after{content:" ＋";color:var(--ink-mute)}.spin-kit[open]>summary:after{content:" －"}.spin-kit-body{padding:0 15px 14px}.spin-kit-h{letter-spacing:.14em;color:var(--ink-mute);text-transform:uppercase;margin:6px 0 7px;font-size:10px;font-weight:800}.spin-kit-angles{color:var(--ink-soft);margin:0;padding-left:17px;font-size:12.5px;line-height:1.85}.spin-kit-words{flex-wrap:wrap;gap:7px;display:flex}.spin-kit-word{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:99px;padding:5px 11px;font-size:12px;font-weight:700}.spin-kit-word i{color:var(--ink-mute);margin-left:6px;font-style:normal;font-weight:500}.spin-count{color:var(--ink-mute);margin-top:12px;font-size:11.5px;font-weight:700}@media (max-width:560px){.spin-machine{gap:8px}.spin-lever{width:38px}.spin-cell-q{padding:0 10px;font-size:13px;line-height:1.45}.spin-cell-q.long{font-size:12px}}@media (prefers-reduced-motion:reduce){.spin-strip{transition:none!important}.spin-lever-arm,.spin-lever-knob{transition:none}}