:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.app{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:480px;width:100%}h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.wheel-container{position:relative;width:360px;height:360px}.pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid #ef4444;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.wheel-svg{display:block;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));transition:none}.spin-btn{font-size:1.15rem;font-weight:700;padding:.75rem 2.5rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;cursor:pointer;transition:transform .15s,opacity .15s;letter-spacing:.02em}.spin-btn:hover:not(:disabled){transform:scale(1.05)}.spin-btn:active:not(:disabled){transform:scale(.97)}.spin-btn:disabled{opacity:.6;cursor:not-allowed}.result{font-size:1.25rem;padding:.75rem 1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;text-align:center;animation:pop .3s ease}.result strong{color:#eab308}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.segment-editor{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.25rem;background:#ffffff05}.segment-editor h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em}.segment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.segment-item{display:flex;align-items:center;gap:.4rem;background:#ffffff0f;padding:.3rem .6rem;border-radius:.35rem;font-size:.85rem}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.remove-btn{background:none;border:none;color:#fff6;cursor:pointer;font-size:.85rem;padding:0 .15rem;line-height:1}.remove-btn:hover{color:#ef4444}.add-row{display:flex;gap:.5rem}.add-row input{flex:1;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.15);border-radius:.35rem;background:#ffffff0f;color:#fafafa;font-size:.85rem;outline:none}.add-row input:focus{border-color:#ffffff59}.add-row button{padding:.45rem 1rem;border:none;border-radius:.35rem;background:#ffffff1f;color:#fafafa;font-size:.85rem;cursor:pointer;font-weight:600}.add-row button:hover:not(:disabled){background:#fff3}.add-row button:disabled{opacity:.4;cursor:not-allowed}