:root{color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1100px 700px at 50% -10%,#0c1320 0,transparent 55%),#05070a;color:#e8edf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.spin{margin:0 auto;max-width:880px;padding:26px 18px 48px}.spin__bar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.spin__title{background:linear-gradient(92deg,#2ee6a6,#38bdf8 60%,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0;-webkit-text-fill-color:transparent}.spin__back{margin-right:auto}.spin__back,.spin__home{color:#9fb0bb;font-size:15px;font-weight:600;text-decoration:none}.spin__home{margin-left:auto}.spin__back:hover,.spin__home:hover{color:#67e8f9}.spin__stage{align-items:center;background:radial-gradient(120% 120% at 50% 0,rgba(45,212,191,.07),transparent 60%),hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;display:flex;justify-content:center;padding:18px}.spin__canvas{border-radius:50%;cursor:crosshair;display:block;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.spin__controls{align-items:end;display:grid;gap:14px 20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0 8px}.ctl{display:flex;flex-direction:column;gap:8px}.ctl>span{color:#9fb0bb;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ctl input[type=range]{accent-color:#2dd4bf;height:26px;width:100%}.spin__palette{display:flex;flex-wrap:wrap;gap:8px}.sw{border:2px solid hsla(0,0%,100%,.18);border-radius:50%;cursor:pointer;height:26px;padding:0;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;width:26px}.sw:hover{transform:scale(1.12)}.sw.is-active{border-color:#e8edf1;box-shadow:0 0 0 2px rgba(45,212,191,.6)}.sw--rainbow{background:conic-gradient(#f87171,#fbbf24,#34d399,#38bdf8,#818cf8,#f472b6,#f87171)}.spin__btns{display:flex;flex-wrap:wrap;gap:10px}.btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.16);border-radius:8px;color:#e8edf1;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:8px 14px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.btn:hover{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.5)}.btn:active{transform:translateY(1px)}.btn--accent{background:linear-gradient(92deg,#2ee6a6,#38bdf8);border-color:transparent;color:#04221c}.btn--accent:hover{background:linear-gradient(92deg,#41f0b4,#59c8ff)}.spin__hint{color:#71808a;font-size:12.5px;line-height:1.7;margin-top:16px}.spin__hint strong{color:#cdd9e1}@media (pointer:coarse){.spin__palette{gap:12px}.sw{height:40px;width:40px}.btn{padding:12px 16px}}