:root{font-family:"Segoe UI","Malgun Gothic",system-ui,sans-serif;color:#f1f2f7;background:#0e1016;font-synthesis:none;--muted:#858a9c;--line:#292c38;--lime:#bcf46b;--panel:#181b24;--purple:#a899ff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label[for=restore]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.1)}.topbar{height:85px;border-bottom:1px solid #22252e;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:24px;font-weight:750;letter-spacing:-.8px;display:flex;align-items:center;gap:11px}.brand span{font-size:9px;letter-spacing:2px;color:#747b8f;margin-left:10px;border-left:1px solid #353946;padding-left:18px}.top-actions{display:flex;align-items:center;gap:24px}.local-tag{font-size:12px;color:var(--muted)}.local-tag:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:100%;margin-right:8px}main{max-width:1510px;padding:39px 4vw 0;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1{font-size:31px;letter-spacing:-1.4px;margin:0 0 10px;font-weight:650}h1 span{color:var(--lime)}.muted{color:var(--muted);font-size:12px}.heading .muted{font-size:13px;margin:0}.round-badge{display:flex;gap:15px;align-items:center}.round-badge span{color:var(--muted);font-size:11px}.round-badge strong{font:34px "Segoe UI",sans-serif;color:var(--lime);font-weight:350}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px}.connection{padding:20px 23px;display:grid;grid-template-columns:42px 180px 1fr;gap:0 14px;margin-bottom:22px;align-items:center}.platform-mark{display:grid;place-items:center;background:#ffce3b;color:#1c1c1c;width:40px;height:40px;font-weight:900;font-size:25px;border-radius:12px}.connection-label{display:flex;flex-direction:column;gap:6px}.connection-label strong{font-size:14px}.connection-label span{font-size:10px;color:var(--muted);max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#connection-form{display:flex;gap:8px}#channel{flex:1;min-width:120px}.connection-options{grid-column:3;display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px}.connection-options a{color:var(--muted)}.connection-footer{grid-row:2;grid-column:1/3;display:flex;align-items:center;gap:16px;margin-top:14px}.status{font-size:11px;color:#a0a5b4;max-width:450px}.status:before{content:"";display:inline-block;width:6px;height:6px;background:#656a7b;border-radius:50%;margin-right:7px}.status[data-state=connected]{color:var(--lime)}.status[data-state=connected]:before{background:var(--lime);box-shadow:0 0 9px #bcf46b55}.status[data-state=error]{color:#ff9292}.status[data-state=connecting],.status[data-state=reconnecting]{color:#ffd27e}.connection-footer .muted{font-size:10px}.workspace{display:grid;grid-template-columns:265px minmax(360px,1fr) 290px;gap:20px;align-items:start}.settings,.participants{padding:23px 21px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}h2{font-size:14px;font-weight:650;letter-spacing:-.4px;margin:0}.tag{font-size:9px;color:var(--muted);background:#242834;border-radius:5px;padding:5px 7px;white-space:nowrap}.count{font-size:11px;background:#292e36;color:var(--lime);padding:3px 8px;border-radius:5px}label:not(.check,.text-button){font-size:11px;color:#a6abbb;display:block;margin:16px 0 8px}input:not([type=checkbox],[type=file]),select{width:100%;color:#e9ebf3;background:#11141d;border:1px solid #303442;border-radius:8px;padding:11px 12px;font-size:12px;min-height:40px}input::placeholder{color:#646a7e}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}select{cursor:pointer;min-width:0}.input-unit{position:relative}.input-unit input{padding-right:65px}.input-unit>span{position:absolute;right:13px;top:13px;font-size:10px;color:var(--muted);pointer-events:none}.rule-equation{display:grid;grid-template-columns:1fr 20px 1fr;gap:6px;align-items:end}.rule-equation input{padding-right:38px}.arrow{padding-bottom:13px;color:#646c7f;text-align:center}.check{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);cursor:pointer}.check input{accent-color:var(--lime);margin:0}.special{margin:15px 0}.example{font-size:11px;background:#bcf46b0b;border:1px solid #bcf46b20;color:var(--lime);border-radius:7px;padding:13px;text-align:center;margin-bottom:14px}.primary,.secondary,.subtle{border:0;border-radius:8px;padding:11px 17px;font-size:11px;font-weight:650;white-space:nowrap}.primary{background:var(--lime);color:#14210c}.secondary{background:#2b3040;color:#e1e4ef;border:1px solid #3a4052}.subtle{background:#242834;color:#bac0d1}.full{width:100%}.tiny{font-size:9px;color:#737b8e;line-height:1.8}.divider{border-top:1px solid var(--line);margin:24px 0}.accent-text{font-size:11px;color:var(--purple);margin:13px 0}.wheel-panel{padding:24px 29px 22px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#272239aa,transparent 65%),var(--panel);overflow:hidden}.wheel-heading{text-align:left}.wheel-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:8px}.wheel-heading h2{font-size:17px}.wheel-stage{position:relative;max-width:440px;width:100%;margin:36px auto 24px;aspect-ratio:1;display:grid;place-items:center}.wheel-glow{position:absolute;inset:-9px;border:1px solid #6f638350;border-radius:50%;box-shadow:0 0 65px #9a80ff0d,inset 0 0 24px #9a80ff08}.wheel-glow:before{content:"";position:absolute;inset:6px;border:1px solid #4c465b55;border-radius:50%}canvas{width:100%;height:100%;border-radius:50%;box-shadow:0 14px 40px #0007;border:6px solid #343345;will-change:transform}.wheel-pointer{position:absolute;z-index:3;top:-13px;left:calc(50% - 13px);width:26px;height:33px;background:var(--lime);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 5px 5px #000)}.wheel-hub{position:absolute;width:94px;height:94px;border:5px solid #454153;box-shadow:0 0 0 7px #16182250,0 5px 15px #0007;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1c1c27;pointer-events:none}.wheel-hub span{font-size:9px;letter-spacing:3px;color:#b8bbca}.wheel-hub strong{font-size:14px;letter-spacing:1px;color:#f2f3f9}.wheel-hub i{font-style:normal;font-size:13px;color:var(--lime);margin-top:2px}.wheel-stats{display:flex;justify-content:center;gap:0;margin:24px auto 20px}.wheel-stats>div{min-width:135px;display:flex;flex-direction:column;gap:8px}.wheel-stats>div+div{border-left:1px solid #343643}.wheel-stats span{font-size:10px;color:var(--muted)}.wheel-stats strong{font:27px "Segoe UI",sans-serif;font-weight:600}.wheel-stats small{font:10px "Malgun Gothic",sans-serif;color:var(--muted);margin-left:5px}.winner{border:1px solid #383142;border-radius:11px;padding:15px;background:#211e2c;display:flex;flex-direction:column;gap:6px;min-height:75px;justify-content:center}.winner span{color:#8f829f;letter-spacing:2px;font-size:8px}.winner strong{font-size:15px;font-weight:500;color:#c8c3d6;overflow-wrap:anywhere}.winner.has-winner{border-color:#bcf46b55;background:#bcf46b0a}.winner.has-winner strong{color:var(--lime);font-size:21px;font-weight:650}.spin-button{margin-top:15px;width:100%;background:var(--lime);color:#18220e;display:flex;justify-content:center;gap:25px;align-items:center;border:0;border-radius:9px;padding:16px;font-size:15px;font-weight:750}.spin-button span{font-size:22px;font-weight:400}.wheel-note{font-size:9px;color:#777c8e;margin:15px 0 0;line-height:1.8}.wheel-panel>.tiny{color:var(--lime)}.list-header{display:flex;justify-content:space-between;color:#757e92;font-size:9px;border-bottom:1px solid var(--line);padding-bottom:12px}.people-list{min-height:345px;max-height:630px;overflow:auto}.person{display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #242936}.avatar{width:32px;height:32px;display:grid;place-items:center;font-weight:650;font-size:11px;border-radius:10px;background:color-mix(in srgb,var(--person-color) 15%,transparent);color:var(--person-color)}.person-name{font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.person-info{font-size:8px;color:#747d90;margin-top:5px}.person-amount{text-align:right}.person-amount strong{font-size:13px;font-weight:600;color:#dedfec}.person-amount span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.identity-note{font-size:9px;line-height:1.8;color:#6d778d;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.empty{padding:80px 0;text-align:center}.empty>span{font-size:30px;color:#4e4d65;display:block;margin-bottom:16px}.empty strong{font-size:11px;color:#a3a9bb;font-weight:500}.empty p{font-size:9px;color:#667087}.history{margin-top:22px;padding:24px}.history>.section-title{margin-bottom:18px}.history .eyebrow{font-size:8px;margin-bottom:8px}.history-controls{display:flex;gap:5px}.tab{background:transparent;color:#7b8397;border:0;font-size:10px;padding:8px 12px;border-radius:7px}.tab.active{background:#2c3040;color:#d9dce8}.history-scroll{max-height:255px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}th{font-size:9px;font-weight:500;color:#7d8598;background:#151821;padding:12px 16px}th:first-child{border-radius:6px 0 0 6px}th:last-child{border-radius:0 6px 6px 0}td{padding:13px 16px;border-bottom:1px solid #242936;max-width:350px;overflow-wrap:anywhere;color:#b1b6c6}td.positive{color:var(--lime)}td.negative{color:#ff9b9b}.source-badge{padding:4px 7px;background:#252a37;border-radius:5px;font-size:8px;color:#c1b7f9}.source-badge.panda{color:#edc86d;background:#edc86d0a}.table-empty{text-align:center;color:#626d84;padding:30px}footer{padding:26px 0 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#666e82}footer p{margin:0}footer p span{margin:0 8px}.footer-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:transparent;color:#8a93a9;padding:0;font-size:10px;cursor:pointer}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-radius:10px;font-size:12px;color:#c3d2ab;background:#283024;border:1px solid #475a39;line-height:1.8;margin-bottom:20px}.notice.danger{background:#312728;border-color:#674342;color:#efb3ab}.toast{position:fixed;z-index:20;left:50%;top:24px;transform:translateX(-50%);border:1px solid #687450;background:#303b25;color:#d3f4b4;padding:14px 24px;box-shadow:0 8px 30px #0006;border-radius:10px;font-size:13px;max-width:90vw}.toast.error{border-color:#985b57;background:#422d2b;color:#ffd0c9}dialog{color:#f1f2f7;background:#1b1f2b;border:1px solid #4a4d60;border-radius:16px;max-width:430px;padding:28px}dialog::backdrop{background:#000a}dialog h2{font-size:19px}dialog p{font-size:13px;color:#acb4c7;line-height:1.9;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}body.readonly .admin-only,body.readonly .top-actions{display:none!important}body.readonly .workspace{grid-template-columns:minmax(350px,1fr) 300px}body.readonly main{max-width:1150px}body.readonly .wheel-stage{max-width:490px}body.readonly .heading .muted{display:none}body.readonly .brand{pointer-events:none}body.readonly .brand span{display:none}body.readonly .history{display:none}body.readonly #environment-notice{display:none!important}@media(min-width:1500px){.workspace{grid-template-columns:280px minmax(420px,1fr) 310px}.wheel-stage{max-width:460px}.settings,.participants{padding:25px}.wheel-panel{padding:27px 38px}.people-list{min-height:420px}}@media(max-width:1150px){.workspace{grid-template-columns:240px minmax(320px,1fr)}.participants{grid-column:1/-1}.people-list{min-height:0;max-height:240px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.empty{grid-column:1/-1;padding:25px}.connection{grid-template-columns:40px 140px 1fr}.brand span{display:none}.wheel-hub{width:78px;height:78px}.wheel-hub strong{font-size:12px}}@media(max-width:730px){main{padding:25px 18px 0}.topbar{height:70px;padding:0 20px}.brand{font-size:21px}.local-tag{display:none}.top-actions{gap:0}.top-actions button{font-size:10px;padding:9px}.heading h1{font-size:24px}.heading .muted{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.round-badge{gap:8px}.round-badge span{display:none}.connection{grid-template-columns:35px 1fr;padding:17px;gap:12px}.platform-mark{height:35px;width:35px}.connection-label span{max-width:220px}#connection-form{grid-column:1/-1;flex-wrap:wrap}#channel{font-size:10px;flex-basis:65%}.connection-options{grid-column:1/-1;margin:0}.connection-footer{grid-row:auto;grid-column:1/-1;margin:0}.workspace,body.readonly .workspace{display:flex;flex-direction:column;gap:17px}.settings{width:100%;order:2;display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.settings>.section-title{grid-column:1}.settings>#rule-form{grid-column:1}.settings>.divider{display:none}.settings>.section-title:nth-of-type(3){grid-column:2;grid-row:1}.settings>#manual-form{grid-column:2;grid-row:2}.wheel-panel{width:100%;order:1;padding:23px 25px}.wheel-stage{max-width:390px;margin-top:25px}.participants{order:3;width:100%}.people-list{grid-template-columns:1fr 1fr}.history{padding:20px 16px}th,td{padding:12px 8px;font-size:9px}.history-controls{gap:0}.tab{padding:7px 9px}footer{flex-direction:column;gap:20px}.footer-actions{gap:24px}.notice{font-size:10px;padding:12px 15px}.settings input,.settings select{font-size:10px}.settings{padding:20px 15px;gap:0 17px}.rule-equation{gap:3px;grid-template-columns:1fr 12px 1fr}.settings .section-title{gap:5px}.settings h2{font-size:12px}.settings .tag{font-size:8px;padding:3px 4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Public hosting information pages */
.ad-area{margin-top:24px;padding:20px;text-align:center;border:1px dashed #51475f;border-radius:14px;color:#a49bb6;min-height:110px}.ad-area>span{font-size:10px;letter-spacing:2px}.ad-area p{font-size:13px}.guide{max-width:800px!important;margin:60px auto!important;line-height:1.9}.guide h1{font-size:32px;margin-top:35px}.guide li{margin:16px 0}.guide a,.notice a,footer a{color:#c8adef}.guide code{background:#2b2738;padding:3px 6px;border-radius:4px}