:root{--bg-start: #1a0a2e;--bg-end: #0f172a;--accent: #ffd166;--accent-strong: #f59f00;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #cbd5f5;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}body{background:radial-gradient(circle at top,#3a1c71,var(--bg-start) 40%,var(--bg-end) 100%);overflow-x:hidden}.app{max-width:1180px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;gap:40px;position:relative}.app__header{text-align:center}.app__header h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent),#f093fb 50%,#4cc9f0);-webkit-background-clip:text;background-clip:text;color:transparent}.app__header p{margin:0 auto;max-width:540px;color:var(--text-muted);line-height:1.55}.app__main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:48px;align-items:start}@media (max-width: 900px){.app__main{grid-template-columns:1fr}}.app__wheel{display:flex;flex-direction:column;align-items:center;gap:28px}.app__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.app__spin,.app__reset{padding:14px 32px;border-radius:999px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.app__spin{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#1a0a2e;box-shadow:0 18px 40px #f59f0059}.app__spin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 44px #f59f0073}.app__spin:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.app__reset{background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.app__reset:hover{background:#ffffff2e}.app__winner{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 28px;text-align:center;min-width:260px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:winnerIn .55s cubic-bezier(.22,1,.36,1)}.app__winner-label{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.app__winner strong{font-size:2rem;background:linear-gradient(120deg,var(--accent),#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent}.app__error{color:var(--danger);background:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);padding:10px 16px;border-radius:12px;margin:0}.app__footer{text-align:center;color:var(--text-muted)}.wheel{position:relative;width:min(460px,90vw);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.wheel--empty{border-radius:50%;background:var(--surface);border:2px dashed var(--border)}.wheel__placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);text-align:center;padding:24px}.wheel__placeholder span{font-size:1.1rem;font-weight:600;color:var(--text)}.wheel__svg{width:100%;height:100%}.wheel__pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:32px solid var(--accent);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));z-index:2}.panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;flex-direction:column;gap:16px}.panel__header{display:flex;justify-content:space-between;align-items:baseline}.panel__header h2{margin:0;font-size:1.25rem}.panel__count{color:var(--text-muted);font-size:.9rem}.panel__form{display:flex;gap:8px}.panel__form input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0f172a99;color:var(--text);font-size:.95rem;transition:border .2s ease,box-shadow .2s ease}.panel__form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #ffd1662e}.panel__form button{padding:0 18px;border-radius:12px;border:none;background:var(--accent);color:#1a0a2e;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.panel__form button:hover:not(:disabled){transform:translateY(-1px)}.panel__form button:disabled{opacity:.5;cursor:not-allowed}.panel__empty{color:var(--text-muted);margin:0;padding:12px 0;text-align:center}.panel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto}.panel__item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#0f172a66;border:1px solid transparent;transition:border .2s ease,transform .15s ease}.panel__item:hover{border-color:var(--border);transform:translate(2px)}.panel__name{font-weight:600;word-break:break-word}.panel__weight{font-size:.85rem;color:var(--accent);font-variant-numeric:tabular-nums}.panel__controls{display:flex;gap:4px}.panel__controls button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;transition:background .15s ease,border .15s ease}.panel__controls button:hover:not(:disabled){background:var(--surface-strong);border-color:var(--accent)}.panel__controls button:disabled{opacity:.4;cursor:not-allowed}.panel__clear{align-self:flex-end;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:8px 14px;border-radius:10px;cursor:pointer;transition:color .2s ease,border .2s ease}.panel__clear:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}@keyframes winnerIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}