.wl-wrap{--wl-bg:#0e0e0f;--wl-surface:#16161a;--wl-surface2:#1e1e24;--wl-border:#ffffff12;--wl-gold:#c9a96e;--wl-gold-light:#e2c99a;--wl-cream:#f0ead8;--wl-muted:#7a7a8a;--wl-accent:#a8c5da;background:var(--wl-bg);color:var(--wl-cream);border-radius:var(--r-lg);padding:clamp(24px,5vw,48px) 20px;font-family:inherit}.wl-header{text-align:center;margin-bottom:40px}.wl-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--wl-gold);margin-bottom:10px;font-size:10px}.wl-h1{color:var(--wl-cream);font-size:clamp(28px,5vw,46px);font-weight:500}.wl-h1 em{color:var(--wl-gold-light);font-style:italic}.wl-subtitle{color:var(--wl-muted);letter-spacing:.05em;margin-top:12px;font-size:13px}.wl-layout{grid-template-columns:1fr 1fr;align-items:start;gap:32px;max-width:1000px;margin:0 auto;display:grid}@media (width<=720px){.wl-layout{grid-template-columns:1fr}}.wl-panel{background:var(--wl-surface);border:1px solid var(--wl-border);border-radius:8px;padding:24px}.wl-panel-title{color:var(--wl-gold-light);border-bottom:1px solid var(--wl-border);letter-spacing:.04em;margin-bottom:18px;padding-bottom:12px;font-size:17px;font-weight:500}.wl-categories-list{flex-direction:column;gap:10px;display:flex}.wl-category-row{grid-template-columns:1fr 52px 32px;align-items:center;gap:8px;display:grid}.wl-cat-name-input,.wl-cat-score-input{background:var(--wl-surface2);border:1px solid var(--wl-border);color:var(--wl-cream);border-radius:4px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.wl-cat-score-input{color:var(--wl-gold-light);text-align:center;padding:6px 4px;font-weight:600}.wl-cat-name-input:focus,.wl-cat-score-input:focus{border-color:var(--wl-gold)}.wl-remove-btn{color:var(--wl-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.wl-remove-btn:hover{color:#e07070;border-color:#e070704d}.wl-add-btn{border:1px dashed var(--wl-border);color:var(--wl-muted);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:4px;width:100%;margin-top:14px;padding:9px 16px;font-size:12px}.wl-add-btn:hover{border-color:var(--wl-gold);color:var(--wl-gold)}.wl-draw-btn{background:var(--wl-gold);color:#0e0e0f;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:20px;padding:13px;font-size:12px;font-weight:500}.wl-draw-btn:hover{background:var(--wl-gold-light)}.wl-hint{color:var(--wl-muted);text-align:center;letter-spacing:.05em;margin-top:8px;font-size:11px}.wl-wheel-panel{flex-direction:column;align-items:center;display:flex}#wheel-canvas{width:100%;max-width:380px;height:auto}.wl-score-summary{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:20px;display:grid}.wl-score-chip{background:var(--wl-surface2);border:1px solid var(--wl-border);opacity:0;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(6px)}.wl-score-chip.visible{opacity:1;transform:none}.wl-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wl-chip-label{color:var(--wl-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.wl-chip-score{color:var(--wl-cream);font-size:16px;font-weight:600}.wl-avg-line{background:var(--wl-surface2);border:1px solid var(--wl-border);opacity:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:12px 16px;transition:opacity .5s .3s;display:flex}.wl-avg-line.visible{opacity:1}.wl-avg-label{letter-spacing:.1em;text-transform:uppercase;color:var(--wl-muted);font-size:11px}.wl-avg-score{color:var(--wl-gold-light);font-size:24px}.wl-avg-score span{color:var(--wl-muted);font-size:13px}.wl-empty-wheel{aspect-ratio:1;border:1px dashed var(--wl-border);width:100%;max-width:380px;color:var(--wl-muted);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.wl-empty-wheel svg{opacity:.3}