:root{font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg);--bg:#101527;--panel:#1b2239;--text:#f7f6ff;--muted:#a6aec8;--accent:#9367ff;--button-text:#fff;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-top:max(env(safe-area-inset-top),var(--safe-top,0px));padding-bottom:max(env(safe-area-inset-bottom),var(--safe-bottom,0px))}button,input,textarea{font:inherit}button,.button{border:1px solid #8b92b23d;border-radius:12px;padding:11px 16px;background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:filter .15s}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b998ff;outline-offset:3px}.primary{background:var(--accent);color:var(--button-text);border:0;font-weight:800}.danger{color:#ffa2bc}a{color:inherit}input,textarea{display:block;width:100%;border:1px solid #8b92b245;border-radius:10px;background:var(--bg);color:var(--text);padding:12px;min-width:0}textarea{min-height:95px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:14px 0}label input,label textarea{margin-top:7px}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-1px;line-height:1.18;margin:14px 0}h2{font-size:22px;line-height:1.35}h3{margin:0 0 8px}p{line-height:1.65;overflow-wrap:anywhere}.muted,small{color:var(--muted)}small{display:block;line-height:1.7}.topbar{max-width:1220px;margin:auto;padding:23px 30px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #8b92b225}.brand{text-decoration:none;font-weight:800;white-space:nowrap}.brand span{background:var(--accent);padding:6px 9px;border-radius:10px;margin-right:6px}.demo-banner{background:#f8c45c14;color:#f1c672;text-align:center;padding:8px 14px;font-size:12px}main{max-width:1160px;margin:36px auto;padding:0 24px;min-height:70vh}footer{padding:30px;text-align:center;font-size:12px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#b99cff;font-weight:800}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.tabs{display:flex;border-bottom:1px solid #8b92b225;margin:28px 0;gap:8px}.tabs button{border:none;background:none;border-radius:0;padding:14px 18px;color:var(--muted)}.tabs button[aria-current]{color:var(--text);border-bottom:3px solid var(--accent)}.panel{background:var(--panel);border:1px solid #8b92b225;border-radius:20px;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.badge{display:inline-block;border:1px solid #8b92b23d;border-radius:20px;font-size:12px;padding:5px 10px}.mini-wheel{margin:20px 0 0;width:76px;height:76px;border-radius:50%;background:conic-gradient(#9367ff 0 45deg,#e578ad 45deg 90deg,#3bc8c0 90deg 135deg,#e8ba58 135deg 180deg,#9367ff 180deg 225deg,#e578ad 225deg 270deg,#3bc8c0 270deg 315deg,#e8ba58 315deg);display:grid;place-items:center;font-size:35px;color:#fff}.wheel-card p{min-height:48px}.actions{display:flex;gap:8px;flex-wrap:wrap}.wheel-card .actions{flex-direction:column}.notice{padding:15px 18px;border-radius:12px;background:#f45d8820;color:#ffbad0;border:1px solid #f45d8840;margin:16px 0}.editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.preview{align-self:start;position:sticky;top:20px}.prize-editor{border-top:1px solid #8b92b22a;padding:14px 0}.prize-editor .row button{padding:7px 10px;font-size:12px}.color-label{display:flex;gap:6px;align-items:center;margin:0}.color-label input{width:40px;height:32px;padding:2px;margin:0}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0}.invitation-table{display:grid;gap:12px}.invitation-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:24px;align-items:center}.invitation-row .actions{flex-direction:column}.modal-backdrop{position:fixed;inset:0;background:#000a;z-index:10;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--panel);padding:26px;border-radius:22px;width:100%;max-width:540px;max-height:90vh;overflow:auto}.modal .row{margin-top:15px}.welcome{text-align:center;max-width:680px;margin:55px auto}.welcome h1{font-size:clamp(44px,7vw,72px)}.welcome h1 span{color:#bd98ff}.hero-wheel{margin:28px auto;width:190px;height:190px;border-radius:50%;border:8px solid #ffffff16;background:conic-gradient(#9367ff 0 45deg,#e578ad 45deg 90deg,#3bc8c0 90deg 135deg,#e8ba58 135deg 180deg,#9367ff 180deg 225deg,#e578ad 225deg 270deg,#3bc8c0 270deg 315deg,#e8ba58 315deg);display:grid;place-items:center;color:#fff;font-size:70px;box-shadow:0 0 65px #9367ff30}.demo-login{text-align:left;margin:28px auto;max-width:520px}.watch{max-width:820px;margin:auto;text-align:center}.watch>.row{margin-bottom:32px}.connection{font-size:11px;color:var(--muted)}.wheel-wrap{position:relative;max-width:450px;margin:28px auto 20px;filter:drop-shadow(0 20px 30px #0003)}.wheel-wrap canvas{display:block;width:100%;height:auto;border-radius:50%;border:7px solid #ffffff14}.pointer{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:40px solid #fff3b5;z-index:1;filter:drop-shadow(0 4px 3px #0006)}.spin-button{width:100%;max-width:360px;font-size:20px;padding:17px 30px;box-shadow:0 9px 35px #9367ff40}.spin-status{font-weight:800;color:#c6a5ff}.result{background:linear-gradient(130deg,#9367ff28,#e578ad1c);border:1px solid #ad87fc66;border-radius:20px;padding:24px;margin:25px 0}.result>span{color:#f1c672;font-size:13px}.result h2{overflow-wrap:anywhere}.prize-list{text-align:left;background:var(--panel);border:1px solid #8b92b225;border-radius:15px;margin:24px 0;padding:17px}.prize-list summary{cursor:pointer;font-weight:700}.prize-list ul{max-height:350px;overflow-y:auto;list-style:none;padding:0}.prize-list li{display:flex;gap:13px;border-bottom:1px solid #8b92b225;padding:12px 3px;overflow-wrap:anywhere}.dot{flex:0 0 12px;height:12px;border-radius:50%;margin-top:5px}.events{text-align:left;list-style:none;padding:0}.events li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #8b92b225;padding:12px 0;font-size:13px}.events time{color:var(--muted);font-size:11px}@media(max-width:700px){main{padding:0 16px;margin-top:25px}.topbar{padding:17px 16px}.topbar>.muted{font-size:11px;text-align:right}.heading{display:block}.heading>.primary{margin-top:10px}.editor-grid{grid-template-columns:1fr}.preview{position:static;grid-row:1}.panel{padding:18px}.invitation-row{grid-template-columns:1fr;gap:16px}.invitation-row .actions{flex-direction:row}.tabs button{padding:12px 9px;font-size:13px}.welcome{margin:30px auto}.watch>.row{align-items:flex-start}.connection{max-width:160px;text-align:right}.events li{flex-direction:column;gap:3px}.wheel-wrap{max-width:370px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}html{width:100%;min-width:0}body{width:100%;max-width:var(--visible-width,100%);min-width:0}#root,main{width:100%;min-width:0}.watch,.wheel-wrap{width:100%;min-width:0}.watch h1,.watch .eyebrow,.topbar>.muted{overflow-wrap:anywhere}.topbar>.muted{min-width:0}.watch canvas{max-width:100%}.cards{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}