.wo-backdrop{position:fixed;inset:0;z-index:60;background:#0f172a73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.wo-backdrop.is-open{opacity:1;visibility:visible}.wo-drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(420px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:-16px 0 48px var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s linear .3s}.wo-drawer.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s}.wo-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .875rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.wo-drawer-title{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0}.wo-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}.wo-block{padding:1.25rem 1.5rem}.wo-block+.wo-block{border-top:1px solid var(--border)}@media(prefers-reduced-motion:reduce){.wo-drawer,.wo-backdrop{transition:none}}.wo-fab{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;gap:.375rem;height:36px;padding:0 .875rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px var(--shadow);transition:color .15s,border-color .15s}.wo-fab:hover{color:var(--text-primary);border-color:var(--primary)}.wo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wo-head-left{display:flex;align-items:center;gap:.5rem}.wo-title{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0;line-height:1.2}.wo-count{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.01em;background:#6366f11f;color:var(--primary)}.wo-icon-btn{width:34px;height:34px;border-radius:.625rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.wo-icon-btn:hover{background:var(--background);color:var(--text-primary)}.wo-icon-btn[aria-pressed=false]{color:var(--text-muted)}.wo-icon-btn[aria-pressed=true] .wo-ico-off,.wo-icon-btn[aria-pressed=false] .wo-ico-on{display:none}.wo-add{display:flex;gap:.5rem;margin-bottom:.875rem}.wo-add-input{flex:1;min-width:0;height:42px;padding:0 .875rem;border-radius:.75rem;border:1.5px solid var(--border);background:var(--background);color:var(--text-primary);font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.wo-add-input::placeholder{color:var(--text-muted)}.wo-add-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.wo-add-btn{width:42px;height:42px;flex-shrink:0;border-radius:.75rem;border:none;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,filter .15s;box-shadow:0 2px 8px #6366f159}.wo-add-btn:hover{filter:brightness(1.08)}.wo-add-btn:active{transform:scale(.96)}.wo-list{display:flex;flex-direction:column;gap:.25rem;max-height:22rem;overflow-y:auto;padding-right:.25rem;margin-right:-.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.wo-list::-webkit-scrollbar{width:6px}.wo-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.wo-item{display:flex;align-items:center;gap:.625rem;padding:.25rem .375rem .25rem .625rem;border-radius:.75rem;transition:background .15s;animation:wo-fade .2s ease}.wo-item:hover,.wo-item:focus-within{background:var(--background)}.wo-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.wo-item-input{flex:1;min-width:0;background:transparent;border:none;border-bottom:1.5px solid transparent;padding:.4375rem .25rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);border-radius:0;transition:border-color .15s}.wo-item-input:focus{outline:none;border-bottom-color:var(--primary)}.wo-weight{width:3.25rem;height:30px;flex-shrink:0;text-align:center;font-size:.8125rem;border:1.5px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-primary)}.wo-weight:focus{outline:none;border-color:var(--primary)}.wo-item-remove{width:28px;height:28px;flex-shrink:0;border-radius:.5rem;border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.wo-item:hover .wo-item-remove,.wo-item:focus-within .wo-item-remove,.wo-item-remove:focus-visible{opacity:1}.wo-item-remove:hover{background:#ef44441f;color:#ef4444}@media(hover:none){.wo-item-remove{opacity:1}}.wo-actions{display:flex;gap:.5rem;margin-top:.75rem}.wo-ghost{flex:1;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.wo-ghost:hover{background:var(--background);color:var(--text-primary);border-color:var(--text-muted)}.wo-ghost.is-danger:hover{color:#ef4444;border-color:#ef444466;background:#ef44440f}.wo-ghost-full{width:100%}.wo-section{border-top:1px solid var(--border);margin-top:1.125rem;padding-top:1rem}.wo-section-title{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.wo-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:36px;cursor:default}label.wo-row{cursor:pointer}.wo-row+.wo-row{margin-top:.5rem}.wo-row.is-stack{flex-direction:column;align-items:stretch;gap:.5rem}.wo-row.is-stack+.wo-row.is-stack{margin-top:1rem}.wo-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.wo-hint{font-size:.75rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.wo-segment{display:inline-flex;padding:3px;border-radius:.625rem;background:var(--background);border:1px solid var(--border)}.wo-segment button{border:none;background:transparent;padding:.3125rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.wo-segment button.is-active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px var(--shadow)}.wo-select{width:100%;height:40px;padding:0 2.25rem 0 .875rem;border-radius:.75rem;border:1.5px solid var(--border);background-color:var(--background);color:var(--text-primary);font-size:.875rem;font-weight:500;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .15s,box-shadow .15s}.wo-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.wo-swatches{display:flex;gap:.375rem}.wo-swatch{width:18px;height:18px;border-radius:6px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.wo-range{appearance:none;width:100%;height:6px;border-radius:999px;background:var(--border);outline:none;cursor:pointer}.wo-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 1px 4px #00000040;transition:transform .15s}.wo-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.wo-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 1px 4px #00000040}.wo-rigpanel{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;gap:.5rem;width:20rem;max-width:100%;padding:.5rem .5rem .5rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:.875rem;box-shadow:0 12px 32px var(--shadow-lg);animation:wo-fade .15s ease}@media(max-width:767px){.wo-rigpanel{position:fixed;top:auto;right:auto;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100vw - 2rem);max-width:26rem;z-index:55}}.wo-rigpanel[hidden]{display:none}.wo-rigpanel-label{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.wo-rigpanel-select{flex:1;min-width:0;height:36px}.wo-rigpanel-close{flex:none;width:32px;height:32px;border-color:transparent}.wo-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.wo-tile{height:40px;border-radius:.625rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.wo-tile:hover{background:var(--background);color:var(--text-primary);border-color:var(--text-muted)}.wo-foot{margin-top:1rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.wo-kbd{display:inline-block;padding:.0625rem .375rem;border-radius:.375rem;border:1px solid var(--border);background:var(--background);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;color:var(--text-secondary)}@keyframes wo-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.wheel-spinner-container[data-astro-cid-joun7gnp]{max-width:1400px;margin:0 auto}.wheel-wrapper[data-astro-cid-joun7gnp]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.wheel-container[data-astro-cid-joun7gnp]{--wheel-max: 500px;--wheel-scale: 1;width:100%;max-width:calc(var(--wheel-max) * var(--wheel-scale));margin:0 auto}@media(max-width:767px){.wheel-container[data-astro-cid-joun7gnp]{--wheel-max: 100%}}@media(min-width:768px){.wheel-container[data-astro-cid-joun7gnp]{--wheel-max: 520px}}@media(min-width:1024px){.wheel-container[data-astro-cid-joun7gnp]{--wheel-max: 600px}}@media(min-width:1280px){.wheel-container[data-astro-cid-joun7gnp]{--wheel-max: 640px}}.wheel-canvas[data-astro-cid-joun7gnp]{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1 / 1;border-radius:50%;box-shadow:0 0 0 8px var(--surface),0 0 0 10px var(--border),0 20px 50px var(--shadow-lg);transition:box-shadow .3s ease}.wheel-canvas[data-astro-cid-joun7gnp]:hover{box-shadow:0 0 0 8px var(--surface),0 0 0 10px var(--primary),0 20px 60px var(--shadow-lg)}.wheel-canvas[data-astro-cid-joun7gnp].spinning{cursor:not-allowed}.spin-btn[data-astro-cid-joun7gnp]{color:#fff;padding:.875rem 2rem;border-radius:9999px;font-weight:600;font-size:1.125rem;transition:all .3s ease;box-shadow:0 4px 15px var(--accent-light, rgba(99, 102, 241, .4));border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.spin-btn[data-astro-cid-joun7gnp]:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-light, rgba(99, 102, 241, .5))}.spin-btn[data-astro-cid-joun7gnp]:active{transform:translateY(0)}.wheel-canvas[data-astro-cid-joun7gnp]:hover{box-shadow:0 0 0 8px var(--surface),0 0 0 10px var(--accent, var(--primary)),0 20px 60px var(--shadow-lg)}.fullscreen-mode[data-astro-cid-joun7gnp]{position:fixed;inset:0;z-index:9999;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.fullscreen-mode[data-astro-cid-joun7gnp] .wheel-canvas[data-astro-cid-joun7gnp]{max-width:min(90vw,90vh);max-height:min(90vw,90vh)}.fullscreen-mode[data-astro-cid-joun7gnp] .spin-btn[data-astro-cid-joun7gnp]{margin-top:2rem}