*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0c;--bg-gradient: radial-gradient(ellipse at 50% 0%, #0c0f18 0%, #0a0a0c 70%);--surface: #111115;--surface-hover: #18181d;--surface-2: #16161b;--surface-3: #1c1c22;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .38);--accent: #6366f1;--accent-hover: #4f52d9;--accent-dim: rgba(99, 102, 241, .1);--accent-border: rgba(99, 102, 241, .22);--accent-glow: rgba(99, 102, 241, .45);--success: #86efac;--error: #fca5a5;--shadow: 0 16px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-wheel: 0 24px 60px rgba(0, 0, 0, .55);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--r-xs: 8px;--r-pill: 999px;--transition: .18s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-gradient);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh}.header{flex-shrink:0;border-bottom:1px solid var(--border);padding:0 24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a0a0c99;position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1080px;margin:0 auto;width:100%}.header-left{display:flex;align-items:center;gap:14px}.day-badge{font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}.header-title{font-size:1rem;font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.2}.header-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:8px}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);line-height:1}.btn-ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--border-hover);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--accent);border:none;border-radius:var(--r-pill);color:#fff;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition);line-height:1;box-shadow:0 8px 24px #6366f152}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 12px 28px #6366f16b}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.36;cursor:not-allowed;box-shadow:none}.btn-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0}.btn-icon:hover:not(:disabled){background:#ffffff0a;border-color:var(--border-hover);color:var(--text)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.danger:hover:not(:disabled){background:#fca5a514;border-color:#fca5a547;color:var(--error)}.main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;padding:36px 24px 56px;max-width:1080px;margin:0 auto;width:100%}@media (max-width: 920px){.main{grid-template-columns:1fr;gap:24px;padding:24px 16px 48px}}.wheel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden}.wheel-card:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:360px;height:360px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 60%);pointer-events:none}.wheel-wrap{position:relative;width:100%;max-width:440px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.wheel-pointer{position:absolute;top:-2px;left:50%;transform:translate(-50%);z-index:4;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.wheel-svg{width:100%;height:100%;filter:drop-shadow(var(--shadow-wheel));display:block;position:relative;z-index:2}.wheel-rotor{transform-origin:50% 50%;transition:transform 5.4s cubic-bezier(.16,.84,.28,1)}.wheel-segment{transition:filter .24s ease}.wheel-segment.winner{filter:brightness(1.35) drop-shadow(0 0 12px var(--accent-glow))}.wheel-divider{stroke:#ffffff0f;stroke-width:1;fill:none}.wheel-label{font-family:var(--font-sans);font-size:13px;font-weight:600;fill:#fffffff2;letter-spacing:-.01em;pointer-events:none;-webkit-user-select:none;user-select:none}.wheel-hub{fill:var(--surface);stroke:#ffffff24;stroke-width:1.5}.wheel-hub-inner{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.wheel-empty{width:100%;height:100%;border-radius:50%;border:1px dashed var(--border-hover);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--text-muted);text-align:center;padding:24px}.wheel-empty-icon{width:36px;height:36px;color:var(--text-muted)}.wheel-empty-title{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.wheel-empty-sub{font-size:.8125rem;color:var(--text-muted);max-width:220px;line-height:1.5}.wheel-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.spin-btn{min-width:200px;letter-spacing:.02em}.result-banner{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-md);text-align:center;animation:result-pop .38s cubic-bezier(.2,.9,.3,1.2)}.result-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.result-value{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2;word-break:break-word}@keyframes result-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.result-placeholder{font-size:.8125rem;color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.panel-section{padding:20px 22px}.panel-section+.panel-section{border-top:1px solid var(--border)}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.count-pill{font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:2px 9px;letter-spacing:.02em;text-transform:none}.add-row{display:flex;gap:8px}.opt-input{flex:1;padding:11px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-sans);font-size:.9375rem;outline:none;transition:all var(--transition);min-width:0}.opt-input::placeholder{color:var(--text-muted)}.opt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.opt-input:disabled{opacity:.5;cursor:not-allowed}.btn-add{padding:0 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-add:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.btn-add:disabled{opacity:.36;cursor:not-allowed}.hint-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.75rem;color:var(--text-muted)}.options-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:4px}.option-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--transition)}.option-row:hover{border-color:var(--border-hover);background:var(--surface-3)}.option-row.winner{border-color:var(--accent-border);background:var(--accent-dim)}.option-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000059 inset}.option-text{flex:1;font-size:.875rem;color:var(--text);word-break:break-word;line-height:1.4}.option-row.winner .option-text{font-weight:600}.empty-list{font-size:.8125rem;color:var(--text-muted);padding:18px 4px;text-align:center;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface-2)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:left}.preset-chip:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-border);color:var(--text)}.preset-chip:disabled{opacity:.4;cursor:not-allowed}.preset-chip svg{flex-shrink:0;color:var(--text-muted);transition:color var(--transition)}.preset-chip:hover:not(:disabled) svg{color:var(--accent)}.credit{text-align:center;padding:20px 24px 32px;font-size:.75rem;color:var(--text-muted)}.credit-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition)}.credit-link:hover{color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (max-width: 720px){.wheel-card{padding:22px}.header-sub{display:none}}@media (max-width: 600px){.header{padding:0 16px}.day-badge{display:none}.panel-section{padding:16px}.preset-grid{grid-template-columns:1fr}.result-value{font-size:1.25rem}.wheel-label{font-size:12px}}