:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#fff;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.page-shell{place-items:center;min-height:100vh;padding:20px 20px 120px;display:grid}.wheel-wrap{width:min(30vw,1600px)}.picker-frame{background:0 0;height:min(72vh,620px);position:relative;overflow:hidden}.picker-frame:before,.picker-frame:after{content:"";z-index:3;pointer-events:none;height:88px;position:absolute;left:0;right:0}.picker-frame:before{background:linear-gradient(#fff,#fff0);top:0}.picker-frame:after{background:linear-gradient(#fff0,#fff);bottom:0}.picker-track{will-change:transform;position:absolute;top:50%;left:0;right:0}.picker-item{color:#5f5f5f;letter-spacing:-.03em;padding:0 36px;font-size:clamp(1.5rem,3vw,3rem);font-weight:600;transition:color .18s,transform .18s,opacity .18s;position:relative}.picker-label{text-align:center;white-space:nowrap;width:calc(100% - 72px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selection-window{z-index:4;pointer-events:none;background:#38b6ff24;border-top:1px solid #38b6ff3d;border-bottom:1px solid #38b6ff3d;border-radius:26px;height:96px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff52}.spin-button{color:#fff;z-index:10;background:#38b6ff;border:0;border-radius:999px;min-width:220px;padding:15px 28px;transition:transform .18s,opacity .18s,box-shadow .18s;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #38b6ff47}.spin-button:hover:not(:disabled){transform:translate(-50%)translateY(-1px);box-shadow:0 14px 28px #38b6ff57}.spin-button:disabled{opacity:.72;cursor:default}.spin-button:focus-visible{outline-offset:3px;outline:2px solid #38b6ff}@media (width<=820px){.page-shell{padding:18px 18px 112px}.wheel-wrap{width:min(95vw,100%)}.picker-frame{height:min(68vh,520px)}.spin-button{width:calc(100% - 36px);min-width:0;bottom:18px}}@media (prefers-reduced-motion:reduce){.picker-track,.picker-item,.spin-button{transition:none!important}}