*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f7f3ff;background:radial-gradient(circle at top,#1d1a2e 0%,#0f0d1d 55%,#0a0913 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}button{font:inherit}.app-shell{flex-direction:column;gap:24px;min-height:100vh;padding:32px 24px 48px;display:flex}.app-header{justify-content:space-between;align-items:center;display:flex}.app-title{letter-spacing:.3px;font-size:28px;font-weight:700}.layout-grid{grid-template-columns:minmax(280px,1.1fr) minmax(280px,.9fr);gap:24px;display:grid}.card{background:#141124cc;border:1px solid #785fb459;border-radius:16px;padding:20px;box-shadow:0 20px 40px #07060e99}.wheel-wrap{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pointer{filter:drop-shadow(0 0 6px #fff9);border-top:14px solid #0000;border-bottom:14px solid #0000;border-right:24px solid #fff;width:0;height:0;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.pointer-rotator{transform-origin:50%;position:absolute;inset:0}.hub{color:#372858;background:radial-gradient(circle,#fff 0%,#f4f0ff 60%,#d8cfff 100%);border-radius:50%;place-items:center;width:90px;height:90px;font-weight:700;display:grid;position:absolute;box-shadow:0 0 12px #fffc}.spin-button{color:#1b102f;cursor:pointer;background:linear-gradient(135deg,#ff7ad9,#b584ff);border:none;border-radius:999px;width:100%;padding:14px 20px;font-size:18px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 24px #844dc666}.spin-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.spin-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 28px #844dc680}.beautify-button{color:#1b102f;cursor:pointer;background:linear-gradient(135deg,#48f5ff,#ff9cf6);border:none;border-radius:999px;width:100%;padding:14px 20px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 24px #48f5ff40}.beautify-button:disabled{opacity:.7;cursor:wait;box-shadow:none}.beautify-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 28px #ff9cf659}.status-pill{background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.history-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.history-item{background:#120f1eb3;border:1px solid #785fb433;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px;display:flex}.settings-trigger{color:#f7f3ff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:8px 12px}.modal-backdrop{z-index:20;background:#07060ebf;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#171427;border:1px solid #785fb466;border-radius:18px;width:min(520px,92vw);padding:20px;box-shadow:0 18px 36px #00000080}.form-row{flex-direction:column;gap:8px;margin-top:12px;display:flex}.form-row label{color:#fffc;font-size:14px}.range-value{color:#ffffffb3;font-size:13px}.confetti-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:3px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;position:absolute;top:-10%}.beautify-layer{pointer-events:none;z-index:40;opacity:0;transition:opacity .2s;position:fixed;inset:0;overflow:hidden}.beautify-layer.active{opacity:1}.beautify-flash{mix-blend-mode:screen;background:radial-gradient(circle at top,#fff3,#0000 60%);animation:.9s ease-in-out infinite beautify-flash;position:absolute;inset:0}.beautify-pulse{mix-blend-mode:screen;background:conic-gradient(from 120deg,#48f5ff1f,#ff9cf626,#ffd14c1f,#87ffb11f,#48f5ff1f);animation:3s linear infinite beautify-pulse;position:absolute;inset:-20%}.beautify-stream,.beautify-sparkles{pointer-events:none;position:absolute;inset:0}.beautify-piece{top:var(--top);left:var(--left);width:var(--size);height:var(--size);background:radial-gradient(circle at 30% 30%,hsla(var(--hue),95%,80%,.9),hsla(var(--hue),90%,60%,.9));filter:drop-shadow(0 0 10px hsla(var(--hue),95%,70%,.6));animation:beautify-fly var(--duration)ease-in-out infinite;animation-delay:var(--delay);border-radius:30% 70% 50% 60%;position:absolute}.beautify-sparkle{top:var(--top);left:var(--left);width:var(--size);height:var(--size);background:hsla(var(--hue),95%,80%,.95);box-shadow:0 0 14px hsla(var(--hue),95%,70%,.9);animation:beautify-blink var(--duration)ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;position:absolute}.result-overlay{opacity:0;background:#080610b8;border-radius:18px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.result-overlay.active{opacity:1}.result-card{text-align:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:16px;padding:18px 28px;box-shadow:0 16px 32px #0006}.result-card h2{margin-bottom:6px;font-size:34px}.result-card p{color:#fffc;font-size:14px}.effects-note{color:#ffffffbf;margin-top:8px;font-size:13px}.tick-wobble{animation:.14s tick-wobble}.shake{animation:.38s shake}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(120%)rotate(320deg)}}@keyframes tick-wobble{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(8px)}to{transform:translate(0)}}@keyframes beautify-fly{0%{opacity:0;transform:translate(-120vw)translateY(0)rotate(0)scale(.8)}10%{opacity:1}50%{transform:translateX(0)translateY(var(--drift))rotate(180deg)scale(1.1)}to{transform:translateX(120vw)translateY(calc(var(--drift)*-1))rotate(360deg)scale(.9);opacity:0}}@keyframes beautify-flash{0%,to{opacity:.2}50%{opacity:.65}}@keyframes beautify-pulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beautify-blink{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}@media (max-width:900px){.layout-grid{grid-template-columns:1fr}}