.wheel-zone{gap:18px;min-width:0;display:grid}.wheel-command{border:1px solid color-mix(in srgb, var(--product-accent), black 8%);border-radius:var(--radius);background:linear-gradient(135deg, #ffffffeb, color-mix(in srgb, var(--page-tint), white 48%)), repeating-linear-gradient(135deg, #15191d09 0 1px, transparent 1px 18px);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;padding:22px;display:flex;box-shadow:0 20px 70px #2d204a1f}.wheel-command-copy{gap:8px;min-width:min(100%,430px);display:grid}.wheel-command h1{overflow-wrap:anywhere;max-width:760px;margin:0;font-size:3.8rem;font-weight:930;line-height:.94}.wheel-command p{max-width:640px;color:var(--muted);margin:0;font-size:1rem;line-height:1.48}.wheel-command-actions{justify-content:flex-end}.wheel-frame{z-index:1;aspect-ratio:1;isolation:isolate;place-items:center;width:100%;max-width:600px;display:grid;position:relative}.wheel-frame:before{z-index:0;content:"";background:radial-gradient(circle,#ffffffeb 0 64%,#0000 65%),repeating-conic-gradient(from -2deg,#15191d47 0deg 1deg,#0000 1deg 9deg);border:1px solid #15191d1a;border-radius:50%;position:absolute;inset:-12px;box-shadow:inset 0 0 0 18px #ffffff85,0 34px 90px #141c203d}.wheel-frame:after{z-index:3;content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff2e,#0000 42%),linear-gradient(320deg,#0000 58%,#15191d24);border:1px solid #ffffff6b;border-radius:50%;position:absolute;inset:7.5%}.wheel-rotor{z-index:2;aspect-ratio:1;filter:drop-shadow(0 28px 48px #141c2038);will-change:transform;border-radius:50%;width:90%;transition:transform 3.6s cubic-bezier(.12,.72,.18,1);position:relative}.wheel-rotor svg{border-radius:50%;width:100%;height:100%;display:block;overflow:visible}.wheel-disc{transform-origin:50%}.wheel-rim-fill{fill:color-mix(in srgb, var(--product-accent), white 88%);stroke:color-mix(in srgb, var(--product-accent), black 22%);stroke-width:1.1px}.wheel-sector{stroke:#ffffff8f;stroke-linejoin:round;stroke-width:.65px}.wheel-glass{fill:url(#wheel-face-light);stroke:#15191d1f;stroke-width:.7px}.wheel-pointer{z-index:7;inset-inline-end:-7px;filter:drop-shadow(0 10px 18px #141c2047);place-items:center;width:82px;height:60px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.wheel-pointer:before{background:linear-gradient(90deg, #fff0c8 0 18%, var(--yellow) 34%, var(--red) 100%);clip-path:polygon(0 50%,100% 8%,100% 92%);content:"";border:1px solid #6e151a5c;border-radius:8px;width:74px;height:46px}.wheel-pointer span{background:color-mix(in srgb, var(--red), black 14%);border:3px solid #ffffffb3;border-radius:50%;width:20px;height:20px;position:absolute;inset-inline-end:12px}[dir=rtl] .wheel-pointer{inset-inline:-7px auto;transform:translateY(-50%)scaleX(-1)}.wheel-center{z-index:8;background:radial-gradient(circle at 34% 28%, #fffffff2, #fffaf0d6 42%, color-mix(in srgb, var(--product-accent), white 72%) 100%);border:1px solid #15191d29;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 10px #ffffff80,inset 0 -12px 24px #15191d1a,0 18px 46px #141c2038}.wheel-center:after{content:"";border:1px solid #15191d1f;border-radius:50%;position:absolute;inset:13px}.wheel-center span{color:color-mix(in srgb, var(--product-accent), black 18%);font-size:2rem;font-weight:950;line-height:1}.wheel-stage{background:linear-gradient(180deg, color-mix(in srgb, var(--page-tint), white 58%), color-mix(in srgb, var(--page-tint-2), white 46%)), repeating-linear-gradient(90deg, #15191d09 0 1px, transparent 1px 36px), repeating-linear-gradient(0deg, #15191d07 0 1px, transparent 1px 36px);isolation:isolate;min-height:620px}.wheel-stage-surface{z-index:0;border-radius:var(--radius);pointer-events:none;background:conic-gradient(from 210deg,#6750a424,#0000 28%,#2aa7ad1f,#0000 64%,#f3c44d24,#6750a424),linear-gradient(135deg,#ffffff7a,#0000 46%);border:1px solid #15191d14;position:absolute;inset:22px}html[data-theme=dark] .wheel-stage-surface{background:conic-gradient(from 210deg,#aa95ff29,#0000 28%,#5bdce21f,#0000 64%,#f4cc631f,#aa95ff29),linear-gradient(135deg,#f4f7fb0f,#0000 46%);border-color:#f4f7fb14}html[data-theme=dark] .wheel-frame:before{background:radial-gradient(circle,#1b2128f0 0 64%,#0000 65%),repeating-conic-gradient(from -2deg,#f4f7fb2e 0deg 1deg,#0000 1deg 9deg);border-color:#f4f7fb1a;box-shadow:inset 0 0 0 18px #f4f7fb0f,0 34px 90px #00000061}html[data-theme=dark] .wheel-frame:after{background:linear-gradient(145deg,#f4f7fb24,#0000 42%),linear-gradient(320deg,#0000 58%,#00000038);border-color:#f4f7fb1f}html[data-theme=dark] .wheel-rim-fill{fill:color-mix(in srgb, var(--product-accent), #171c22 64%);stroke:color-mix(in srgb, var(--product-accent), white 24%)}html[data-theme=dark] .wheel-glass{stroke:#f4f7fb1f}html[data-theme=dark] .wheel-center{background:radial-gradient(circle at 34% 28%, #f4f7fbe6, #1f262eeb 42%, color-mix(in srgb, var(--product-accent), #171c22 60%) 100%);border-color:#f4f7fb24;box-shadow:inset 0 0 0 10px #f4f7fb14,inset 0 -12px 24px #00000047,0 18px 46px #00000052}html[data-theme=dark] .wheel-center:after{border-color:#f4f7fb24}html[data-theme=dark] .wheel-center span{color:var(--ink)}@media (max-width:1180px){.wheel-command h1{font-size:3.2rem}.wheel-command-actions{justify-content:flex-start}.wheel-stage{min-height:560px}.wheel-frame{max-width:520px}}@media (max-width:720px){.wheel-command{padding:16px}.wheel-command h1{font-size:2.4rem}.wheel-stage{min-height:390px}.wheel-stage-surface{inset:12px}.wheel-frame{max-width:310px}.wheel-frame:before{inset:-10px;box-shadow:inset 0 0 0 10px #ffffff85,0 18px 46px #141c2033}.wheel-center{width:76px;height:76px;box-shadow:inset 0 0 0 7px #ffffff80,inset 0 -8px 18px #15191d1a,0 12px 32px #141c202e}.wheel-center:after{inset:9px}.wheel-center span{font-size:1.5rem}.wheel-pointer{width:64px;height:48px;inset-inline-end:-9px}.wheel-pointer:before{width:58px;height:38px}.wheel-pointer span{border-width:2px;width:16px;height:16px;inset-inline-end:10px}[dir=rtl] .wheel-pointer{inset-inline-start:-9px}}@media (prefers-reduced-motion:no-preference){.wheel-rotor{transition-duration:3.6s}}.wheel-zone{min-width:0}.wheel-stage{min-height:clamp(540px,58vw,720px);box-shadow:var(--scene-shadow), var(--scene-inset);padding:clamp(78px,8vw,94px) clamp(22px,4vw,46px) 34px;overflow:hidden}.wheel-stage[aria-busy=true]:after{z-index:5;background:linear-gradient(90deg, transparent, var(--product-accent), var(--cyan), transparent);content:"";background-size:220% 100%;border-radius:999px;height:3px;animation:1.1s linear infinite tool-busy-line;position:absolute;inset-block-start:16px;inset-inline:30px}.wheel-stage[data-preparing=true] .wheel-frame{transform:scale(.992)rotate(-.45deg)}.wheel-frame{width:min(100%,610px);transition:transform .17s var(--ease-interface)}.wheel-frame:before{border:1px solid color-mix(in srgb, var(--product-accent), transparent 68%);background:radial-gradient(circle, #ffffffe6 0 63%, transparent 64%), repeating-conic-gradient(from -2deg, color-mix(in srgb, var(--ink), transparent 68%) 0deg .8deg, transparent .8deg 7.5deg);box-shadow:inset 0 0 0 15px #ffffff80, inset 0 0 0 18px color-mix(in srgb, var(--product-accent), transparent 76%), 0 40px 86px #181f243d;inset:-14px}.wheel-frame:after{background:linear-gradient(145deg,#ffffff42,#0000 38%),radial-gradient(circle at 30% 22%,#ffffff29,#0000 32%),linear-gradient(320deg,#0000 58%,#15191d1f);border-color:#ffffff7a;inset:6.6%}.wheel-rotor{width:91%;transition:transform 3.7s cubic-bezier(.12,.72,.18,1)}.wheel-disc>g{transition:opacity var(--motion-medium) var(--ease-interface), filter var(--motion-medium) var(--ease-interface)}.wheel-disc>g[data-dimmed=true]{opacity:.43;filter:saturate(.55)}.wheel-disc>g[data-selected=true]{filter:saturate(1.18)brightness(1.08)drop-shadow(0 0 3px #ffffffb8)}.wheel-disc>g[data-selected=true] .wheel-sector{stroke:#fffffff0;stroke-width:1.15px}.wheel-sector{transition:opacity var(--motion-medium) var(--ease-interface), filter var(--motion-medium) var(--ease-interface)}.wheel-center{border-color:color-mix(in srgb, var(--product-accent), transparent 64%);background:radial-gradient(circle at 32% 27%, #fff, #fbf8f0 42%, color-mix(in srgb, var(--product-accent), white 72%));width:clamp(78px,10vw,104px);height:clamp(78px,10vw,104px)}.wheel-pointer-tick{transform-origin:100%;animation:.11s cubic-bezier(.3,.8,.45,1) wheel-pointer-impact}.wheel-history{scrollbar-width:thin;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:9px;max-width:100%;padding-block:10px 2px;display:grid;overflow-x:auto}.wheel-history article{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper), transparent 6%);grid-template-columns:10px 28px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:10px;display:grid;box-shadow:0 10px 24px #141c200f}.wheel-history article i{border-radius:999px;width:8px;height:30px}.wheel-history article>span{color:var(--muted);font-size:.78rem;font-weight:850}.wheel-history article strong,.wheel-history article small{grid-column:3;min-width:0}.wheel-history article strong{overflow-wrap:anywhere;grid-row:1;line-height:1.35}.wheel-history article small{color:var(--muted);grid-row:2;font-size:.72rem}.wheel-color-input{width:26px;height:26px;min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;overflow:hidden}.wheel-color-input::-webkit-color-swatch-wrapper{padding:1px}.wheel-color-input::-webkit-color-swatch{box-shadow:0 0 0 1px var(--line);border:2px solid #ffffffd1;border-radius:50%}html[data-theme=dark] .wheel-frame:before{box-shadow:inset 0 0 0 15px #ffffff0d, inset 0 0 0 18px color-mix(in srgb, var(--product-accent), transparent 65%), 0 44px 92px #00000075;background:radial-gradient(circle,#1b2128f0 0 63%,#0000 64%),repeating-conic-gradient(from -2deg,#ffffff4d 0deg .8deg,#0000 .8deg 7.5deg)}html[data-theme=dark] .wheel-history article{background:color-mix(in srgb, var(--paper), transparent 4%)}@media (max-width:960px){.wheel-stage{min-height:clamp(510px,82vw,700px)}}@media (max-width:600px){.wheel-stage{min-height:0;padding:76px 18px 28px}.wheel-frame{width:min(100%,460px)}.wheel-frame:before{box-shadow:inset 0 0 0 9px #ffffff7a, inset 0 0 0 12px color-mix(in srgb, var(--product-accent), transparent 76%), 0 28px 54px #181f2438;inset:-8px}.wheel-pointer{width:56px;height:44px;inset-inline-end:-11px}.wheel-pointer:before{width:52px;height:34px}.wheel-pointer span{width:15px;height:15px;inset-inline-end:8px}}@media (prefers-reduced-motion:reduce){.wheel-pointer-tick{animation:none}.wheel-rotor{transition-duration:.01ms}.wheel-stage[aria-busy=true]:after{animation:none}}.wheel-rim-studs{--wheel-stud-radius:clamp(180px, 40vw, 290px);z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0}.wheel-rim-studs i{aspect-ratio:1;width:clamp(5px,.7vw,8px);transform:translate(-50%, -50%) rotate(var(--stud-angle)) translateY(calc(var(--wheel-stud-radius) * -1));background:radial-gradient(circle at 34% 28%,#fffdf6,#c9c0ad 48%,#716958 100%);border:1px solid #4a453a6b;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 2px 4px #12181c3d}.wheel-rotor{will-change:auto}.wheel-stage[data-spinning=true] .wheel-rotor{will-change:transform}.wheel-stage[data-spinning=true] .wheel-frame{transform:perspective(900px)rotateX(1.2deg)scale(.995)}@media (max-width:600px){.wheel-rim-studs{--wheel-stud-radius:clamp(148px, 43vw, 202px)}}.wheel-zone .wheel-stage{width:100%;min-width:0;min-height:0;padding:86px clamp(18px,3.2vw,40px) 40px;overflow:hidden}.wheel-zone .wheel-frame{width:min(100%,560px);max-width:100%;margin-inline:auto;container-type:inline-size}.wheel-zone .wheel-rim-studs{--wheel-stud-radius:calc(50cqw - 16px)}.wheel-command-actions{flex-wrap:wrap;min-width:0}.wheel-command-actions .create-share-form{max-width:100%}@media (max-width:600px){.wheel-zone .wheel-stage{padding:72px 20px 26px}.wheel-zone .wheel-frame{width:min(100%,430px)}}html .table-page .wheel-stage{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;padding:clamp(6px,1.5vw,18px) 0;overflow:visible}.table-page .wheel-stage:after,.table-page .wheel-stage-surface{display:none}.table-page .wheel-zone .wheel-frame{width:min(100% - 36px,500px,100svh - 520px);min-width:min(100% - 36px,280px)}.wheel-outcome{align-items:center;gap:.4em;display:inline-flex}.wheel-outcome:before{background:var(--wheel-outcome-color);content:"";border:3px solid #ffffffd9;border-radius:50%;flex:none;width:.55em;height:.55em}html .table-page .wheel-color-input{border-radius:50%;flex:none;width:26px;height:26px;padding:0}.table-page .table-history.wheel-history{grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}html[dir=rtl] .wheel-frame .wheel-pointer{inset-inline:auto;left:auto;right:-7px;transform:translateY(-50%)}html[dir=rtl] .wheel-frame .wheel-pointer span{left:auto;right:12px}.wheel-option-row{grid-template-columns:30px 30px minmax(0,1fr) 58px;align-items:center;gap:8px;display:grid}.wheel-option-label{gap:1px;min-width:0;display:grid}.wheel-option-label b{overflow-wrap:anywhere;font-weight:600;line-height:1.2}.wheel-option-label small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.wheel-option-weight{border:1px solid var(--line);background:var(--paper);width:100%;min-height:32px;color:var(--ink);font:inherit;border-radius:8px;padding:2px 6px}.wheel-option-thumb{border:1px dashed var(--line-strong);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.wheel-option-thumb img{object-fit:cover;width:100%;height:100%}.wheel-option-thumb svg:last-child:not(:first-child){background:var(--ink);color:var(--paper);border-radius:50%;position:absolute;inset:auto 0 0 auto}.wheel-option-thumb:focus-within{outline:2px solid var(--ink);outline-offset:2px}.wheel-option-image{clip-path:circle(50%)}.wheel-import{cursor:pointer}.wheel-import:focus-within{outline:2px solid var(--ink);outline-offset:2px}.wheel-switches{gap:4px;display:grid}.wheel-confetti{pointer-events:none;position:absolute;inset:50% auto auto 50%}.wheel-confetti i{background:var(--confetti-color);border-radius:2px;width:10px;height:14px;animation:1.6s cubic-bezier(.15,.7,.3,1) both wheel-confetti;position:absolute}@media (prefers-reduced-motion:reduce){.wheel-confetti{display:none}}@keyframes wheel-pointer-impact{0%{transform:translateY(-50%)rotate(0)}45%{transform:translateY(-50%)rotate(-8deg)}to{transform:translateY(-50%)rotate(0)}}@keyframes wheel-confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}35%{opacity:1;transform:translate(calc(var(--confetti-x) * .6), var(--confetti-y)) rotate(var(--confetti-turn)) scale(1)}to{opacity:0;transform:translate(var(--confetti-x), calc(var(--confetti-y) + 70vmin)) rotate(calc(var(--confetti-turn) * 3)) scale(1)}}.wheel-center[data-has-image=true]{padding:0;overflow:hidden}.wheel-center[data-has-image=true]:after{display:none}.wheel-center img{object-fit:cover;border-radius:50%;width:100%;height:100%}.wheel-winner{background:var(--paper);width:min(92vw,460px);height:fit-content;max-height:88svh;color:var(--ink);border:0;border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 30px 80px #0a0e1259}.wheel-winner::backdrop{background:#0a0e128c}.wheel-winner[open]{animation:wheel-winner-in .22s var(--ease-interface,ease-out)}@keyframes wheel-winner-in{0%{opacity:0;transform:scale(.94)}}.wheel-winner-body{border-block-start:8px solid var(--wheel-outcome-color);text-align:center;border-radius:24px;justify-items:center;gap:14px;padding:34px 24px 24px;display:grid;position:relative}.wheel-winner-body p{color:var(--muted);margin:0;font-weight:700}.wheel-winner-body h2{color:color-mix(in srgb, var(--wheel-outcome-color), var(--ink) 35%);font-family:var(--font-display), var(--font-ui), sans-serif;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,8vw,3.2rem);line-height:1.1}.wheel-winner-body img{object-fit:cover;border-radius:18px;width:96px;height:96px}.wheel-winner-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:6px;display:flex}.wheel-winner-close{background:color-mix(in srgb, var(--ink), transparent 92%);width:40px;height:40px;color:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}@media (prefers-reduced-motion:reduce){.wheel-winner[open]{animation:none}}.wheel-palettes{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-block-start:8px;display:grid}.wheel-palettes button{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:start;cursor:pointer;background:0 0;gap:6px;padding:8px;font-size:.85rem;display:grid}.wheel-palettes button[aria-pressed=true]{border-color:var(--product-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--product-accent), transparent 70%)}.wheel-palette-swatch{border-radius:999px;height:14px;display:flex;overflow:hidden}.wheel-palette-swatch i{flex:1}.wheel-saved{border:1px solid var(--line);border-radius:var(--radius)}.wheel-saved summary{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.wheel-saved summary small{background:color-mix(in srgb, var(--product-accent), transparent 82%);border-radius:999px;margin-inline-start:auto;padding:1px 8px}.wheel-saved>:not(summary){margin-inline:12px}.wheel-saved>.field-note{margin-block:8px;display:block}.wheel-saved-form{flex-wrap:wrap;gap:8px;display:flex}.wheel-saved-form input{flex:140px;min-width:0}.wheel-saved-list{gap:6px;margin-block:10px 12px;padding:0;list-style:none;display:grid}.wheel-saved-list li{gap:6px;display:flex}.wheel-saved-open{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;flex:1;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 10px;display:grid}.wheel-saved-open b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wheel-saved-open small{color:var(--muted);grid-column:2}.wheel-saved-open .wheel-palette-swatch{grid-row:span 2}.wheel-saved-delete{border:1px solid var(--line);border-radius:var(--radius);width:42px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;display:grid}