:root{font-family:DM Sans,system-ui,sans-serif;color:#263d34;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f5f3ed;--card: #fffefa;--text: #263d34;--muted: #7a8075;--line: #e6e7dc;--green: #214b3c;--soft: #eef0e7;--shadow: 0 8px 32px #253b2c04;color-scheme:light}:root[data-theme=dark]{--bg: #17211e;--card: #202d27;--text: #edf0e5;--muted: #a6b1a6;--line: #38483e;--green: #b5d0ad;--soft: #2b3a30;--shadow: 0 8px 32px #0001;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):hover{filter:brightness(.96)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d99e44;outline-offset:3px}input,textarea,select{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);padding:11px 12px}input::placeholder,textarea::placeholder{color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}svg{flex-shrink:0}button{transition:background .15s,transform .15s}.app{max-width:1600px;margin:auto;padding:0 46px}.site-header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.2px}.brand img{width:33px;height:33px}.brand-period{color:#be884d}.brand small{font:600 9px DM Sans,sans-serif;letter-spacing:1px;border:1px solid #d6dccc;background:var(--soft);color:var(--muted);padding:4px 6px;border-radius:4px;margin-left:3px}nav{display:flex;align-items:center;gap:20px}nav button{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}nav i{font-style:normal;background:var(--soft);border-radius:10px;padding:1px 5px;font-size:10px}nav select{padding:8px;font-size:12px}.page-intro{text-align:center;padding:46px 0 35px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:15px}.eyebrow>span{width:5px;height:5px;background:#b38d53;border-radius:50%}h1{font-size:clamp(28px,3.25vw,44px);letter-spacing:-1.8px;line-height:1.22;font-weight:650;margin-bottom:13px}.page-intro p{font-size:14px;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(245px,300px) minmax(340px,1fr) minmax(225px,255px);gap:32px;align-items:start;max-width:1290px;margin:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.participants-panel{margin-top:20px;overflow:hidden}.participants-panel summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:21px 20px 17px;font-size:14px;font-weight:650;cursor:pointer}.participants-panel summary::-webkit-details-marker{display:none}.participants-panel summary>span{display:flex;gap:10px;align-items:center}.participants-panel summary b{font-weight:500;font-size:11px;padding:3px 7px;background:var(--soft);border-radius:6px}.panel-content{padding:0 17px 14px}.add-form{display:flex;gap:7px}.add-form input{width:100%;font-size:12px}.add-button{background:var(--green);color:var(--card);border-radius:9px;min-width:40px;display:grid;place-items:center}.text-button{font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 0;min-height:36px}.paste-button{color:var(--muted);margin:4px 0 7px}.bulk-form textarea{width:100%;height:105px;font-size:13px;resize:vertical}.bulk-form .button{width:100%;margin-top:5px}.list-toolbar{border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.list-toolbar>div{display:flex;align-items:center;gap:4px}.list-toolbar .text-button{font-size:10px;padding-left:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:var(--soft)}.list-toolbar .icon-button{width:27px}.participant-list{padding:0;margin:6px 0 18px;list-style:none;height:276px;overflow-y:auto;scrollbar-width:thin}.participant-list li{height:45px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.participant-list li:last-child{border-bottom:0}.participant-number{font-size:10px;color:var(--muted);width:13px}.color-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.participant-name{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list .icon-button{width:25px;height:35px}.subtle{color:var(--muted)}.edit-form{display:flex;min-width:0;flex:1}.edit-form input{width:100%;padding:5px;font-size:12px}.save-list-button{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px}.save-list-button svg:last-child{margin-left:auto}.local-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--muted);padding-top:14px}.local-note span,.ready-indicator>span{width:5px;height:5px;border-radius:50%;background:#8fa47b}.wheel-section{min-width:0;display:flex;align-items:center;flex-direction:column}.wheel-topline{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:12px}.ready-indicator{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.wheel-topline>div{display:flex;color:var(--muted)}.wheel-frame{width:100%;max-width:510px;aspect-ratio:1;position:relative;border-radius:50%;padding:7px;background:var(--card);border:1px solid var(--line);box-shadow:0 15px 30px #233b3212,0 0 0 8px #8c957906}.wheel-frame canvas{display:block;width:100%;height:100%;border-radius:50%}.pointer{position:absolute;z-index:2;top:-11px;left:50%;transform:translate(-50%);width:26px;height:36px;background:var(--text);clip-path:polygon(0 0,100% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 3px 3px #0002);border-radius:6px}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;background:var(--card);border-radius:50%;border:6px solid #fff6;box-shadow:0 3px 13px #0002;display:grid;place-items:center;background-clip:padding-box}.wheel-hub span{color:var(--green);font-size:35px}.spin-area{width:100%;max-width:385px;margin-top:27px;text-align:center}.spin-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;width:100%;height:57px;background:var(--green);color:var(--card);font-size:16px;font-weight:600;box-shadow:0 5px 12px #183c3215}.spin-button>span{margin-left:auto}.spin-button>svg{margin-right:auto}.spin-button{padding:0 22px}.spin-button:not(:disabled):active{transform:scale(.98)}.spin-hint{font-size:9px;color:var(--muted);margin:13px -20px 0;line-height:1.7}kbd{font-family:inherit;font-size:12px;border:1px solid var(--line);border-radius:3px;padding:0 4px}.separator{margin:0 7px}.options-panel{margin-top:20px}.quick-settings{padding:20px 18px}.quick-settings h2{display:flex;gap:9px;align-items:center;font-size:14px;margin-bottom:19px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;padding:12px 0;cursor:pointer}.toggle-row>span{line-height:1.5}.toggle-row small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.toggle-row input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:31px;height:19px;border:0;border-radius:20px;background:#d9ddd2;flex-shrink:0;padding:0;cursor:pointer}.toggle-row input:before{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle-row input:checked{background:#416a4b}.toggle-row input:checked:before{transform:translate(12px)}.duration-label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin:14px 0 5px;border-top:1px solid var(--line);padding-top:18px}.duration-label select{font-size:11px;width:100%}.all-settings{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);margin-top:10px;padding-top:15px;font-size:11px;color:var(--muted)}.chance-card{margin-top:17px;background:#eceee0;border:1px solid #e1e5d5;border-radius:13px;padding:21px;text-align:center;color:#426143}.chance-card>svg{display:block;margin:0 auto 8px}.chance-card strong{font-family:Manrope,sans-serif;font-size:33px;font-weight:500;letter-spacing:-1px}.chance-card strong span{font-size:19px;margin-left:3px}.chance-card p{font-size:12px;margin:0 0 10px}.chance-card small{font-size:9px;color:#758367}.latest-card{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:20px 6px;gap:8px}.latest-card div{min-width:0}.latest-card span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.latest-card strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-card>svg{color:var(--muted)}.below-wheel{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin:30px 0 35px}footer{border-top:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}footer>span{display:flex;align-items:center;gap:6px}.footer-star{margin:0 5px;color:#aa8b50}dialog{border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--text);padding:25px;width:min(540px,calc(100% - 24px));max-height:85dvh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#13241c77;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.modal-header h2{font-size:19px;margin:0}.settings-list .toggle-row{border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.setting-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;font-size:14px}.setting-row select{max-width:60%;font-size:13px}.setting-row input[type=range]{max-width:55%;accent-color:#416a4b}.button{border:1px solid var(--line);background:var(--soft);padding:11px 16px;border-radius:9px;font-size:13px}.primary{background:var(--green);color:var(--card);border-color:var(--green)}.winner-content{text-align:center;padding:10px 0 5px}.trophy{width:78px;height:78px;display:grid;place-items:center;background:#f3e6c6;color:#8c6a26;border-radius:50%;margin:0 auto 22px}.winner-content p{color:var(--muted);font-size:13px}.winner-content h3{font-size:38px;overflow-wrap:anywhere;margin-bottom:25px}.winner-content>.button{display:block;width:100%;margin-bottom:9px}.winner-content>.text-button{margin-top:6px}.list-save{display:flex;gap:8px}.list-save input{width:100%}.list-save .button{flex-shrink:0}.muted,.empty-note{color:var(--muted);font-size:13px;line-height:1.6}.empty-note{text-align:center;padding:35px 12px}.saved-list article{padding:18px 0;border-bottom:1px solid var(--line)}.saved-list h3{font-size:17px;margin-bottom:5px;overflow-wrap:anywhere}.saved-list small{color:var(--muted)}.list-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.danger{color:#ba5e4c}.history-list{list-style:none;padding:0}.history-list li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.history-list li>div{flex:1;min-width:0}.history-list strong{display:block;overflow-wrap:anywhere}.history-list time{display:block;color:var(--muted);font-size:11px;margin-top:6px}.history-list button{max-width:110px}.notices{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(450px,calc(100% - 30px));z-index:20;pointer-events:none}.notices p{background:var(--text);color:var(--bg);padding:15px 20px;border-radius:10px;font-size:13px;box-shadow:0 5px 25px #0002}.fullscreen .site-header,.fullscreen .page-intro,.fullscreen .participants-panel,.fullscreen .options-panel,.fullscreen footer,.fullscreen .below-wheel{display:none}.fullscreen .workspace{display:block;max-width:min(75vh,680px);padding-top:25px}.fullscreen .wheel-frame{max-width:600px}.fullscreen .wheel-topline{margin-bottom:20px}.fullscreen .spin-area{margin-top:22px}.rotating{animation:rotate 1.3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1100px){.participants-panel summary>svg{display:none}.participants-panel:not([open])>.panel-content{display:block}}@media(min-width:1500px){.workspace{gap:45px}.page-intro{padding-top:55px}}@media(max-width:1150px){.app{padding:0 25px}.workspace{gap:20px;grid-template-columns:245px minmax(300px,1fr) 215px}.quick-settings{padding:17px 14px}.spin-hint{margin-left:0;margin-right:0}.desktop-shortcut{display:none}}@media(max-width:980px){.workspace{grid-template-columns:250px minmax(300px,1fr);gap:28px}.options-panel{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin-top:0}.chance-card{margin:0;align-self:start}.latest-card{align-self:start}.quick-settings{padding:18px}.page-intro{padding:32px 0}.wheel-frame{max-width:450px}.below-wheel{margin:25px 0}nav{gap:10px}}@media(max-width:640px){.app{padding:0 18px}.site-header{height:70px;gap:8px}.brand{font-size:22px;gap:7px}.brand img{width:29px;height:29px}.brand small{font-size:8px;padding:3px 4px}.site-header nav{gap:0}.site-header nav>button{width:37px;justify-content:center}.site-header nav>button span,.site-header nav i,.site-header nav>select{display:none}.page-intro{padding:27px 0 16px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:12px}h1{font-size:30px;letter-spacing:-1.2px;margin-bottom:10px}.page-intro p{font-size:12px;line-height:1.6;max-width:290px;margin:auto}.workspace{display:flex;flex-direction:column;gap:19px}.wheel-section{order:0;width:100%}.wheel-topline{padding:0 1px;margin-bottom:12px}.wheel-frame{max-width:370px;width:calc(100% - 15px)}.wheel-hub{width:57px;height:57px}.wheel-hub span{font-size:29px}.spin-area{max-width:370px;margin-top:23px}.spin-button{height:56px}.spin-hint{font-size:10px;margin-top:10px}.participants-panel{order:1;width:100%;margin-top:0}.participants-panel summary{padding:17px}.participant-list{height:auto;max-height:240px;margin-bottom:12px}.participant-list li{height:46px}.participant-list .icon-button{width:33px;height:42px}.participant-name{font-size:14px}.add-form input{font-size:16px}.list-toolbar .icon-button{width:35px;height:42px}.options-panel{order:2;display:block;width:100%}.options-panel .quick-settings{padding:16px}.quick-settings h2{margin-bottom:5px}.options-panel .chance-card,.options-panel .latest-card{display:none}.toggle-row{font-size:13px}.quick-settings .toggle-row input{width:36px;height:22px}.quick-settings .toggle-row input:before{width:16px;height:16px}.quick-settings .toggle-row input:checked:before{transform:translate(14px)}.duration-label{font-size:12px}.duration-label select{font-size:14px}.all-settings{min-height:44px}.below-wheel{text-align:center;line-height:1.5;font-size:10px;margin:24px 0}.below-wheel svg{display:none}footer{font-size:9px;flex-direction:column;align-items:center;padding:20px 0}.setting-row,.settings-list .toggle-row{font-size:13px}.list-save{flex-wrap:wrap}.list-save input{flex:1;min-width:150px}.list-save .button{flex-grow:1}dialog{padding:20px;max-height:88dvh}.fullscreen .workspace{padding-top:15px}.fullscreen .wheel-frame{width:100%}}@media(max-width:360px){.app{padding:0 12px}.brand small{display:none}h1{font-size:26px}.page-intro{padding-top:20px}.page-intro p{font-size:11px}.wheel-frame{width:calc(100% - 12px)}.eyebrow{letter-spacing:.8px}.setting-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}