:root{--bg:#f5f7f4;--surface:#fff;--surface-soft:#f7faf7;--ink:#173d31;--muted:#73837a;--line:#e6ece6;--mint:#eaf3e9;--green:#235b43;--green-dark:#173f30;--gold:#cda661;--gold-light:#f4e7cb;--shadow:0 7px 24px #183e2e05;--radius:1.2rem;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,sans-serif;font-size:.94rem;line-height:1.75}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button{touch-action:manipulation}a{color:var(--green);text-decoration:none}button,input,select,textarea{min-height:2.75rem}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #7aa58c;outline-offset:1px}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{display:none}h1,h2,h3,p{margin-top:0}h2{font-size:1.17rem;margin-bottom:.5rem}h3{font-size:1rem;margin-bottom:.6rem}p{color:var(--muted)}[hidden]{display:none!important}.skip-link{position:fixed;top:-10rem;right:1rem;z-index:100;background:var(--surface);padding:1rem}.skip-link:focus{top:1rem}.sidebar{background:var(--surface);border-bottom:1px solid var(--line);padding:1rem 1.1rem}.brand{display:flex;align-items:center;gap:.7rem;width:fit-content;color:var(--ink)}.brand-symbol{width:2.65rem;height:2.65rem;border-radius:.9rem;background:var(--green-dark);color:#f3e1b7;display:grid;place-items:center}.brand-symbol svg{width:1.85rem;height:1.85rem}.brand strong{font-size:1.13rem;line-height:1.5;display:block;font-weight:800;letter-spacing:-.04em}.brand-dot{color:var(--gold)}.brand small{display:block;font-size:.68rem;color:var(--muted);letter-spacing:.025em}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:.4rem;margin-top:1rem;scrollbar-width:none}.nav-item{display:flex;align-items:center;gap:.7rem;background:none;border:0;border-radius:.65rem;padding:.65rem .85rem;text-align:right;color:var(--muted);font-weight:600;white-space:nowrap;font-size:.8rem}.nav-item.active{background:var(--mint);color:var(--green-dark)}.nav-dot{display:none;width:.4rem;height:.4rem;background:var(--green);border-radius:50%;margin-inline-start:auto}.workspace{min-width:0}.topbar{min-height:4.5rem;border-bottom:1px solid var(--line);padding:.7rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;background:var(--surface)}.breadcrumb{color:var(--muted);font-size:.75rem;white-space:nowrap}.breadcrumb span{padding:0 .6rem;color:#b6bfb8}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:.4rem}.connection-status{display:none;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted)}.connection-status i,.live-label i{width:.35rem;height:.35rem;border-radius:50%;background:#51956b}.icon-btn{display:inline-flex;justify-content:center;align-items:center;min-width:2.75rem;border:0;background:transparent;border-radius:.6rem}.icon-btn:hover{background:var(--mint)}.account-btn{display:flex;gap:.5rem;align-items:center;background:transparent;border:0;font-size:.72rem}.avatar{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#efe4cd;color:#886b34;font-weight:800}.border{border:1px solid var(--line)}main{padding:1.7rem 1.1rem;max-width:100rem;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.eyebrow{font-size:.7rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.eyebrow>span{width:1.1rem;height:1px;background:var(--gold)}h1{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:800;line-height:1.5;letter-spacing:-.045em;margin:0 0 .4rem}h1 span{color:#6b8b72}.page-intro p{font-size:.8rem;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:.65rem;padding:.65rem 1rem;font-size:.8rem;font-weight:700;transition:background .2s,transform .2s;line-height:1.7}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.secondary:hover{border-color:#a9bfb1;background:var(--surface-soft)}.demo-btn{font-size:.72rem;padding:.6rem .85rem}.demo-btn svg{color:#9f8552;width:1.1rem}.wide{width:100%}.steps{display:flex;align-items:center;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:.85rem;padding:1rem .7rem;gap:.4rem}.step{display:flex;gap:.5rem;align-items:center;flex:1;min-width:0}.step>span{width:1.65rem;height:1.65rem;flex-shrink:0;display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;font-size:.75rem;color:var(--muted)}.step.active>span{background:var(--green);color:white;border-color:var(--green)}.step strong{font-size:.64rem;display:block;font-weight:700}.step small{display:none;font-size:.66rem;color:var(--muted)}.studio-grid{display:grid;gap:1.2rem;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.setup-card{padding:1.2rem}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem}.section-kicker{font-size:.65rem;color:var(--muted);margin-bottom:.2rem;display:block}.card-heading h2{margin:0;font-size:1.05rem}.small-icon{background:var(--surface-soft);width:2.4rem;height:2.4rem;border-radius:.65rem;display:grid;place-items:center;color:#718e7b}.platform-tabs{display:flex;gap:.45rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:.7rem;padding:.3rem;margin-bottom:1.2rem}.platform-tabs button{width:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.5rem;background:transparent;font-size:.8rem;font-weight:700}.platform-tabs button.active{background:var(--surface);box-shadow:0 2px 6px #244d3a09;border-color:var(--line)}.platform-mark{width:1.25rem;height:1.25rem;display:grid;place-items:center;font-family:Tahoma,sans-serif;font-weight:bold;line-height:1}.facebook{color:#4779cb;font-size:1.4rem}.instagram{color:#b5688d;font-size:1.65rem}label,.field-label{display:block;font-size:.74rem;font-weight:600;color:var(--ink)}.field-label{margin-bottom:.4rem;margin-top:1rem}.optional{font-size:.6rem;font-weight:400;color:var(--muted);margin-inline-start:.3rem}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:.55rem;padding:.55rem .75rem;color:var(--ink);font-size:.78rem;min-width:0}input::placeholder,textarea::placeholder{color:#98a29b;font-weight:400}select{cursor:pointer}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--green);width:1rem;height:1rem;min-height:1rem;flex-shrink:0}input[type=color]{padding:.3rem;width:100%;height:3rem}input[type=file]{font-size:.7rem}.inline-input{display:flex;gap:.5rem}.inline-input select{flex:1}.url-field{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:.55rem;padding-inline:.65rem;margin-bottom:.8rem}.url-field svg{width:1rem;color:#9aa99f}.url-field input{border:0;padding-inline:0;font-size:.7rem}.url-field:focus-within{outline:2px solid #7aa58c}.url-field input:focus{outline:0}.or-line{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.62rem;margin:1rem 0 .8rem}.or-line:before,.or-line:after{content:"";height:1px;background:var(--line);flex:1}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.import-options .button{font-size:.71rem;padding:.5rem}.import-options svg{width:1rem}.microcopy{font-size:.65rem;line-height:1.9;margin:.6rem 0 0;color:var(--muted)}.settings-divider{height:1px;background:var(--line);margin:1.3rem 0 1rem}.subheading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.subheading h3{font-size:.85rem;margin:0}.pill{background:var(--surface-soft);border:1px solid var(--line);border-radius:2rem;padding:.18rem .6rem;font-size:.58rem;color:var(--muted);white-space:nowrap}.toggle-row{display:flex;align-items:center;gap:.6rem;position:relative;padding:.85rem 0 1rem}.toggle-row>span:first-child{flex:1}.toggle-row strong{font-size:.73rem;font-weight:600;display:block}.toggle-row small{font-size:.61rem;font-weight:400;color:var(--muted);display:block}.toggle-row>input{position:absolute;left:0;top:1rem;width:2.25rem;height:1.25rem;opacity:0;z-index:1;cursor:pointer}.switch{width:2.25rem;height:1.25rem;background:#b4c1b8;border-radius:1rem;position:relative;flex-shrink:0}.switch:after{content:"";width:.9rem;height:.9rem;border-radius:50%;background:#fff;position:absolute;left:.2rem;top:.175rem;transition:transform .2s}.toggle-row input:checked+.switch{background:var(--green)}.toggle-row input:checked+.switch:after{transform:translateX(.95rem)}.toggle-row input:focus-visible+.switch{outline:3px solid var(--gold);outline-offset:3px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.two-fields input,.two-fields select{margin-top:.35rem}.advanced{border-top:1px solid var(--line);margin-top:1rem}.advanced summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:.85rem 0 .5rem;font-size:.72rem;font-weight:600;min-height:2.75rem}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{font-size:1.1rem;color:var(--muted)}.advanced-content{display:grid;gap:.75rem;padding:.7rem 0}.advanced-content label>input,.advanced-content label>select,.advanced-content label>textarea{margin-top:.3rem}.check-row{display:flex;align-items:center;gap:.5rem;min-height:2.75rem}.check-row input{margin:0!important}.text-button{border:0;background:transparent;color:var(--green);font-size:.7rem;font-weight:700;padding:.5rem}.text-button:hover{text-decoration:underline}.stage-column{min-width:0}.stage-card{position:relative;overflow:hidden;background:#f0f5e9;border-color:#e1e9d8;min-height:38rem;display:flex;flex-direction:column}.stage-top{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;position:relative;z-index:3}.live-label{display:flex;align-items:center;gap:.4rem;font-size:.63rem;color:#6c856a;background:#ffffff80;border:1px solid #dfe9d6;padding:.25rem .6rem;border-radius:2rem}.stage-top .icon-btn{color:#71896b;min-width:2rem;min-height:2rem}.stage-top svg{width:1rem}.stage-heading{text-align:center;position:relative;z-index:1;padding:0 1rem}.stage-kicker{font-size:.62rem;color:#879677}.stage-heading h2{font-size:clamp(1.3rem,2vw,1.65rem);font-weight:800;letter-spacing:-.04em;margin:.2rem 0 .3rem;color:#25482e}.stage-heading p{font-size:.7rem;color:#829275;margin-bottom:.2rem}.wheel-scene{position:relative;flex:1;display:flex;justify-content:center;align-items:center;min-height:19rem;padding:1.2rem 0 1.8rem}.wheel-wrap{position:relative;width:min(76%,21rem);aspect-ratio:1;filter:drop-shadow(0 12px 12px #395b251c)}#wheelCanvas{width:100%;height:100%;display:block;border-radius:50%;border:.45rem solid #fff;box-shadow:0 0 0 1px #d6deca,0 0 0 .6rem #fff7;transform:rotate(0deg)}.wheel-pointer{position:absolute;right:calc(50% - .7rem);top:-.75rem;width:1.4rem;height:2.1rem;background:#c0a15f;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);z-index:2;filter:drop-shadow(0 2px 2px #6c563333)}.wheel-center{position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:26%;height:26%;border-radius:50%;background:#fefdf6;border:.35rem solid #e1dcc1;box-shadow:0 2px 10px #102c2b33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#596e40}.wheel-center svg{color:#b39450;width:1.5rem;height:1.5rem}.wheel-center span{font-size:.65rem;font-weight:800}.wheel-shadow{position:absolute;bottom:1rem;width:45%;height:1rem;background:#56743517;filter:blur(.6rem);border-radius:50%}.orbit-star{position:absolute;color:#c4ab6d}.star-one{font-size:1.9rem;right:7%;top:15%;transform:rotate(15deg)}.star-two{font-size:1.5rem;left:7%;bottom:22%}.orbit-dot{position:absolute;width:.4rem;height:.4rem;border-radius:50%;background:#adc396}.dot-one{left:15%;top:15%}.dot-two{right:15%;bottom:15%;width:.25rem;height:.25rem}.stage-bottom{padding:0 1.4rem 1.3rem;text-align:center;position:relative;z-index:2}.stage-stats{display:flex;align-items:center;justify-content:center;gap:1rem;color:#7b8c71;font-size:.65rem;margin-bottom:1rem}.stage-stats strong{color:#345139;font-size:1rem;padding-inline-end:.2rem}.stage-stats>i{height:1rem;width:1px;background:#d5dfcc}.draw-button{width:min(100%,23rem);background:#254f37;color:#f9faf3;padding:.9rem 1.2rem;border-radius:.7rem;font-size:.9rem;box-shadow:0 4px 12px #274b2d13;gap:.7rem}.draw-button:hover{background:#183d29}.draw-button .arrow-icon{margin-inline-start:auto;width:1rem}.draw-button svg:first-child{color:#d7e5bd;width:1.3rem;height:1.3rem}.draw-button>span{flex:1}.stage-footnote{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.59rem;color:#829275;margin:.75rem 0 0}.stage-footnote svg{width:.8rem;height:.8rem}.presentation-bar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:.75rem 1rem;margin-top:.85rem}.presentation-bar label{font-size:.61rem;color:var(--muted);flex:1}.presentation-bar select{background:transparent;border:0;font-size:.69rem;padding:.2rem 0;min-height:2rem;font-weight:600}.presentation-bar .icon-btn{border:1px solid var(--line)}.eligibility-note{display:flex;align-items:flex-start;gap:.7rem;padding:1.1rem .2rem 0}.note-icon{font-family:Georgia,serif;width:1.1rem;height:1.1rem;border:1px solid #9ba98e;color:#809171;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:.75rem;line-height:1;margin-top:.2rem}.eligibility-note strong{font-size:.68rem;font-weight:600}.eligibility-note p{font-size:.63rem;margin:.25rem 0 0;line-height:1.9}.main-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.3rem 1.1rem;border-top:1px solid var(--line);font-size:.59rem;color:#96a097}.main-footer b{font-size:.7rem;color:var(--gold);padding:0 .3rem}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.name-stage{text-align:center;position:absolute;inset:0;background:#f0f5e9;display:flex;align-items:center;justify-content:center;flex-direction:column}.name-stage>span{font-size:.8rem;color:#829275}.name-stage strong{font-size:clamp(2rem,4vw,3.5rem);padding:1rem;max-width:100%;overflow-wrap:anywhere}.winner-reveal{text-align:center;padding:1.5rem 1rem 2rem;min-height:15rem;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:reveal .65s both}.winner-reveal .winner-crown{font-size:3rem;color:var(--gold)}.winner-reveal h3{font-size:2rem;line-height:1.5;color:#25482e;overflow-wrap:anywhere;margin:.3rem 0}.winner-reveal p{color:#829275;font-size:.8rem;margin:.3rem 0}.winner-reveal a{font-size:.8rem;text-decoration:underline}.notice{padding:.8rem 1rem;background:#fbf7ed;border:1px solid #eee2c9;color:#8b764d;border-radius:.6rem;font-size:.73rem;line-height:1.9;margin-bottom:1rem}.demo-banner{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.demo-banner button{border:0;background:transparent;color:inherit;text-decoration:underline;margin-inline-start:auto;font-size:.7rem}.participants-card,.results-card{margin-top:1.3rem;padding:1.3rem}.participants-card .card-heading input{max-width:13rem}.participant-list{margin-top:.8rem}.participant-row{display:flex;gap:.8rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.8rem}.participant-row:last-child{border:0}.participant-row>div{min-width:0;flex:1}.participant-row p{font-size:.7rem;margin:.2rem 0;overflow-wrap:anywhere}.participant-row small{color:var(--muted);font-size:.63rem}.participant-row a{font-size:.68rem}.participant-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-weight:700;flex-shrink:0}.winner-grid{display:grid;gap:.8rem;margin:1rem 0}.winner-card{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--surface-soft);min-width:0}.winner-card h3{margin:.4rem 0;font-size:1rem;overflow-wrap:anywhere}.winner-card p{font-size:.7rem;margin:.3rem 0;overflow-wrap:anywhere}.winner-card .rank{font-size:.64rem;color:#a28040}.winner-card .status{display:inline-flex;font-size:.6rem;padding:.1rem .5rem;border-radius:2rem;background:var(--gold-light);color:#8c723e;margin-inline-start:.4rem}.winner-card .status.confirmed{background:#e2f0e7;color:#2b7250}.winner-card .status.disqualified{background:#f6e5e2;color:#ac5149}.winner-card a{font-size:.7rem;text-decoration:underline;display:inline-block;margin:.2rem 0}.winner-actions{display:flex;gap:.4rem;margin-top:.7rem;flex-wrap:wrap}.winner-actions button{font-size:.65rem;min-height:2.75rem;padding:.4rem .6rem}.reserve-list{display:grid;gap:.5rem;margin-bottom:1rem}.reserve-item{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;background:var(--surface-soft);border-radius:.5rem;font-size:.75rem}.reserve-item span:last-child{color:var(--muted);font-size:.65rem}.export-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1rem}.export-toolbar .button{font-size:.65rem}.campaign-grid,.help-grid{display:grid;gap:1rem}.campaign-card{padding:1.5rem}.campaign-card p{font-size:.8rem}.campaign-card .button{margin-top:.5rem}.empty-state{background:var(--surface);border:1px dashed #cdd9cf;border-radius:1rem;padding:3rem 1.5rem;text-align:center;color:var(--muted)}.empty-state h2{color:var(--ink)}.empty-state svg{width:2.5rem;height:2.5rem;color:#a9bba7;margin-bottom:.5rem}.connection-card{padding:1.5rem;max-width:48rem}.connection-card p{font-size:.8rem}.connection-card form{display:grid;gap:1rem;margin:1rem 0}.connection-card form input{margin-top:.4rem}.connection-card hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.meta-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0;font-size:.8rem;overflow-wrap:anywhere}.meta-item>div{min-width:0}.meta-item small{display:block;font-size:.65rem;color:var(--muted)}.help-grid .card{padding:1.5rem}.help-grid p{font-size:.8rem;margin:0}.help-number{display:grid;place-items:center;background:var(--mint);border-radius:50%;width:2rem;height:2rem;font-size:.8rem;margin-bottom:1rem}.help-details{padding:1.5rem;margin-top:1rem}.help-details details{border-top:1px solid var(--line);padding:.8rem 0}.help-details summary{cursor:pointer;font-size:.85rem;font-weight:600;min-height:2.75rem;padding-top:.4rem}.help-details p{font-size:.8rem;line-height:2;max-width:55rem;margin:.5rem 0}.history-card{padding:1.3rem;margin-bottom:1rem}.history-card .history-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.history-card p{font-size:.75rem;margin:.4rem 0}.history-card small{font-size:.62rem;color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:1.2rem;padding:0;max-width:min(30rem,calc(100% - 2rem));width:100%;max-height:90dvh;box-shadow:0 30px 100px #173d3140}dialog::backdrop{background:#102b22a6;backdrop-filter:blur(4px)}.large-dialog{max-width:min(44rem,calc(100% - 2rem))}.dialog-content{padding:2rem 1.5rem;position:relative;display:grid;gap:1rem}.dialog-content>h2{padding-inline-end:1.5rem;margin-bottom:0;font-size:1.35rem}.dialog-content>p{font-size:.8rem;margin:0}.dialog-content label input,.dialog-content label select{margin-top:.4rem}.dialog-close{position:absolute;left:.75rem;top:.65rem;background:transparent;border:0;font-size:1.6rem;color:var(--muted);width:2.75rem;line-height:1}.dialog-emblem{width:3rem;height:3rem;background:var(--mint);border-radius:1rem;display:grid;place-items:center}.dialog-emblem svg{width:1.8rem;height:1.8rem}.error-text{color:#b64b42!important;font-size:.75rem!important}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2rem);width:max-content;max-width:min(34rem,calc(100% - 2rem));border:1px solid #49705a;background:#1d4434;color:#fff;border-radius:.8rem;padding:.9rem 1.25rem;z-index:200;font-size:.8rem;box-shadow:0 8px 24px #173d3133}.toast.error{background:#74372e;border-color:#9f594d}.stage-card:fullscreen{border-radius:0;max-width:none;width:100%;height:100%;justify-content:center}.stage-card:fullscreen .wheel-wrap{width:min(50vh,34rem)}.stage-card:fullscreen .stage-heading h2{font-size:2.5rem}.stage-card:fullscreen .wheel-scene{flex:0;min-height:55vh}.stage-card:fullscreen .stage-top{position:absolute;top:1rem;right:1rem;left:1rem}.stage-card:fullscreen .winner-reveal{min-height:50vh}.stage-card:fullscreen .winner-reveal h3{font-size:4rem}.stage-card:fullscreen .winner-reveal .winner-crown{font-size:5rem}@keyframes reveal{from{opacity:0;transform:translateY(1rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:640px){.step small{display:block}.step strong{font-size:.73rem}.steps{padding:1rem 1.3rem;gap:1.5rem}.step>span{width:2rem;height:2rem}.step{gap:.75rem}.step:not(:last-child):after{content:"";flex:1;height:1px;background:var(--line);margin-inline-start:.7rem}.connection-status{display:flex}.top-actions{gap:.8rem}.winner-grid,.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-wrap{width:21rem}.stage-card{min-height:40rem}.wheel-scene{min-height:23rem}}
@media(min-width:768px){main{padding:2rem 1.7rem}.topbar{padding:.9rem 1.7rem}.studio-grid{grid-template-columns:minmax(19rem,.86fr) minmax(22rem,1.25fr);gap:1.25rem}.setup-card{padding:1.25rem}.stage-card{min-height:39rem}.wheel-wrap{width:82%}.wheel-scene{min-height:21rem}.page-intro{margin-bottom:1.8rem}.steps{margin-bottom:1.5rem}.main-footer{padding:1.3rem 1.7rem}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step strong{font-size:.7rem}.step small{font-size:.61rem}}
@media(min-width:1024px){.sidebar{position:fixed;inset:0 0 0 auto;width:13.5rem;border-bottom:0;border-left:1px solid var(--line);padding:1.9rem 1.1rem;display:flex;flex-direction:column;z-index:10}.brand{padding:0 .3rem}.nav-caption{display:block;font-size:.59rem;color:#9ba79e;padding:.2rem .85rem;margin-top:2.9rem;margin-bottom:.65rem}.sidebar nav{display:flex;flex-direction:column;gap:.4rem;margin-top:0;overflow:visible}.nav-item{font-size:.75rem;padding:.75rem .85rem;min-height:2.9rem}.nav-dot{display:block}.sidebar-bottom{display:block;margin-top:auto}.sidebar-note{background:#f6f8ef;border:1px solid #e8ecdc;border-radius:.85rem;padding:1.15rem .9rem;margin-bottom:1.5rem}.tiny-spark{display:block;color:#ac9a5d;font-size:1.9rem;line-height:1.3;margin-bottom:.5rem}.sidebar-note strong{font-size:.72rem;font-weight:600;display:block;color:#526a43}.sidebar-note p{font-size:.65rem;color:#92a081;margin:.45rem 0 0;line-height:2}.sidebar-footer{border-top:1px solid var(--line);padding:.9rem .85rem 0;margin-top:1rem;font-size:.6rem;color:#a1aaa2}.sidebar-footer span{color:var(--gold);float:left}.workspace{margin-right:13.5rem}.topbar{min-height:5rem}.breadcrumb{font-size:.72rem}.page-intro p{font-size:.78rem}.stage-card{min-height:39rem}.studio-grid{grid-template-columns:minmax(19rem,.87fr) minmax(22rem,1.4fr)}.account-btn{border-right:1px solid var(--line);padding-right:1rem}.top-actions{gap:.8rem}}
@media(min-width:1280px){.sidebar{width:14.5rem;padding:2rem 1.35rem}.workspace{margin-right:14.5rem}main{padding:2.2rem 2.6rem}.topbar{padding:.8rem 2.6rem}.main-footer{padding:1.3rem 2.6rem}.studio-grid{grid-template-columns:minmax(21rem,.87fr) minmax(27rem,1.4fr);gap:1.5rem}.setup-card{padding:1.5rem}.stage-card{min-height:41rem}.wheel-wrap{width:22rem}.wheel-scene{min-height:24rem}.stage-heading{padding-top:.5rem}.stage-heading h2{font-size:1.75rem}.stage-heading p{font-size:.75rem}.stage-top{padding:1rem 1.4rem}.stage-bottom{padding-bottom:1.6rem}.steps{padding:1.1rem 1.6rem}.step strong{font-size:.78rem}.step small{font-size:.66rem}.step:not(:last-child):after{margin-inline-start:1.2rem}.brand strong{font-size:1.2rem}.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
[data-theme=dark]{--bg:#101c17;--surface:#192920;--surface-soft:#203429;--ink:#e0ebdf;--muted:#a2b4a6;--line:#2d4033;--mint:#2c4435;--green:#67a77b;--green-dark:#94cba1;--gold:#d8ba7c;--gold-light:#4e442d;--shadow:none;color-scheme:dark}[data-theme=dark] .brand-symbol{background:#36553f;color:#eddda9}[data-theme=dark] h1 span{color:#99bc92}[data-theme=dark] .nav-item.active{color:#d1e8ca}[data-theme=dark] .primary{background:#447b52;color:white}[data-theme=dark] .primary:hover{background:#548f65}[data-theme=dark] .step.active>span{background:#46754d}[data-theme=dark] .sidebar-note{background:#213426;border-color:#344533}[data-theme=dark] .sidebar-note strong{color:#c1d0b4}[data-theme=dark] .sidebar-note p{color:#9cb08c}[data-theme=dark] .stage-card,[data-theme=dark] .name-stage{background:#203527;border-color:#364a30}[data-theme=dark] .stage-heading h2,[data-theme=dark] .winner-reveal h3,[data-theme=dark] .stage-stats strong{color:#e0eacd}[data-theme=dark] .stage-heading p,[data-theme=dark] .stage-kicker,[data-theme=dark] .stage-footnote,[data-theme=dark] .winner-reveal p,[data-theme=dark] .stage-stats{color:#acb99d}[data-theme=dark] .live-label{background:#2e4434;border-color:#3c5339;color:#bbcfaf}[data-theme=dark] .draw-button{background:#72966a;color:#0e2718}[data-theme=dark] .draw-button svg:first-child{color:#173d22}[data-theme=dark] .notice{background:#393323;border-color:#4f452e;color:#d6c391}[data-theme=dark] .winner-card .status{color:#e4ca8c}[data-theme=dark] .winner-card .status.confirmed{background:#254632;color:#b1d8b8}[data-theme=dark] .winner-card .status.disqualified{background:#4a2f2b;color:#e3b1a7}[data-theme=dark] .winner-card .rank{color:#d5bc85}[data-theme=dark] .avatar{background:#4b4230;color:#e4cf9e}[data-theme=dark] .wheel-center{background:#faf5dc}[data-theme=dark] .empty-state{border-color:#496448}
/* Readable helper text and sufficient contrast at every breakpoint. */
:root{--muted:#5f7065}body{font-size:1rem}.breadcrumb,.account-btn,.nav-item,.brand small,.nav-caption,.sidebar-note strong,.sidebar-note p,.sidebar-footer,.connection-status,.page-intro p,.eyebrow,.demo-btn,.step strong,.step small,.section-kicker,.card-heading h2,.platform-tabs button,label,.field-label,.optional,input,select,textarea,.url-field input,.or-line,.import-options .button,.microcopy,.subheading h3,.pill,.toggle-row strong,.toggle-row small,.advanced summary,.text-button,.live-label,.stage-kicker,.stage-heading p,.wheel-center span,.stage-stats,.stage-footnote,.presentation-bar label,.presentation-bar select,.eligibility-note strong,.eligibility-note p,.main-footer,.participant-row,.participant-row p,.participant-row small,.participant-row a,.winner-card p,.winner-card .rank,.winner-card .status,.winner-card a,.winner-actions button,.reserve-item,.reserve-item span:last-child,.export-toolbar .button,.meta-item,.meta-item small,.history-card p,.history-card small,.error-text{font-size:.875rem!important}.button{font-size:.875rem}.nav-caption{margin-top:2rem}.brand small{font-size:.75rem!important}.sidebar-footer{padding-inline:0}.sidebar-note p{line-height:1.8}.step small{line-height:1.5}.stage-kicker,.stage-heading p,.stage-footnote,.stage-stats,.winner-reveal p{color:#5e7252}.live-label{color:#526b4a}.stage-top .icon-btn{color:#536b4d}.eyebrow,.sidebar-footer,.nav-caption,.main-footer{color:var(--muted)}.optional{display:block;margin-inline-start:0}.stage-card{min-height:43rem}.setup-card .microcopy{line-height:1.8}.stage-footnote{line-height:1.7}.step:not(:last-child):after{min-width:.5rem}.two-fields{align-items:end}.hash-value{overflow-wrap:anywhere;font-size:.8rem}.participant-avatar{object-fit:cover}.public-connection{margin-bottom:1.3rem}.connection-card form{margin-bottom:1rem}.winner-card .participant-row{border:0;padding:.4rem 0}.winner-reveal .participant-avatar{width:4rem;height:4rem}.stage-bottom{padding-inline:1rem}.toast{font-size:.875rem}.winner-card .rank{color:#846a37}.sidebar-note strong{color:#526a43}.sidebar-note p{color:#617553}
@media(max-width:639px){.steps{align-items:flex-start;padding:.8rem .6rem;gap:.3rem}.step{flex-direction:column;text-align:center;gap:.45rem}.step strong{font-size:.75rem!important}.step small{display:none}.topbar{flex-wrap:wrap}.breadcrumb{font-size:.8rem!important}.account-btn{font-size:.8rem!important}.page-intro{gap:1rem}.stage-card{min-height:39rem}.presentation-bar{gap:.5rem}.stage-stats{gap:.65rem;flex-wrap:wrap}.stage-stats>span{font-size:.8rem!important}.stage-footnote{font-size:.75rem!important}.optional{font-size:.75rem!important}.main-footer{font-size:.8rem!important}.card-heading{flex-wrap:wrap}.participants-card .card-heading input{max-width:100%}.sidebar .nav-item{font-size:.8rem!important}.wheel-center span{font-size:.75rem!important}.two-fields label{font-size:.8rem!important}.wheel-scene{min-height:20rem}}
[data-theme=dark]{--muted:#b1c0b3}[data-theme=dark] .sidebar-note p{color:#b7c7ab}[data-theme=dark] .stage-top .icon-btn{color:#bacdaf}[data-theme=dark] .main-footer,[data-theme=dark] .sidebar-footer,[data-theme=dark] .nav-caption{color:var(--muted)}
/* The markets' existing identity: original logo, burgundy, gold and warm ivory. */
:root{--bg:#f8f5ef;--surface:#fffdfa;--surface-soft:#f8f2e9;--ink:#342a2a;--muted:#71635f;--line:#e9dfd2;--mint:#f4e8e4;--green:#7d292e;--green-dark:#602128;--gold:#bd9355;--gold-light:#f0e2c9;--shadow:0 7px 24px #57332905}.brand{gap:.7rem;align-items:center}.brand-logo{width:3.15rem;height:3.15rem;object-fit:cover;flex-shrink:0;border-radius:50%;border:1px solid #e8dbc4}.brand strong{font-size:1rem;line-height:1.7;letter-spacing:0}.brand small{font-size:.68rem!important}.brand-dot{display:none}.sidebar-note{background:#f8f1e5;border-color:#e9dcc5}.sidebar-note strong,.sidebar-note p{color:#735d43}.tiny-spark{color:#ad8345}.avatar{background:#f0e2ca;color:#7d292e}.connection-status i,.live-label i{background:#966548}.nav-item.active{color:#7d292e}h1{letter-spacing:-.035em}h1 span{color:#7d292e}.stage-card{background:#f6efdf;border-color:#e8dac2}.stage-heading h2,.winner-reveal h3{color:#642930}.stage-kicker,.stage-heading p,.stage-footnote,.stage-stats,.winner-reveal p{color:#786346}.live-label{background:#fffaf0a8;border-color:#e6d8bd;color:#735b3e}.stage-top .icon-btn{color:#775d43}.wheel-center{background:#fff9ee;border-color:#e5cda3;overflow:hidden}.wheel-center img{width:100%;height:100%;object-fit:cover}.wheel-shadow{background:#83512914}.wheel-pointer{background:#b78a47}.orbit-dot{background:#c3a077}.orbit-star{color:#b18c50}.stage-stats strong{color:#71363a}.stage-stats>i{background:#dfcfb4}.draw-button{background:#7d292e;color:#fff8ef}.draw-button:hover{background:#602128}.draw-button svg:first-child{color:#e7cc98}.name-stage{background:#f6efdf}.name-stage>span{color:#786346}.name-stage strong{color:#642930}.note-icon{border-color:#9a7955;color:#8e6948}.brand-symbol{background:#7d292e}.wheel-center span{display:none}.dialog-emblem{color:#7d292e}.demo-btn svg{color:#9e783f}.primary:hover{background:#602128}.participant-avatar{background:#efe2d0}.button.secondary:hover{border-color:#c7b398}.empty-state{border-color:#d7c4ad}.main-footer b{color:#ad8448}
[data-theme=dark]{--bg:#241c1d;--surface:#302527;--surface-soft:#3a2d2e;--ink:#f2e8dc;--muted:#c6b5aa;--line:#51403e;--mint:#4c3034;--green:#d6a2a3;--green-dark:#e8b8b6;--gold:#d7b575;--gold-light:#564630}[data-theme=dark] h1 span{color:#dbb0a2}[data-theme=dark] .nav-item.active{color:#f0c0ba}[data-theme=dark] .primary{background:#96434c}[data-theme=dark] .primary:hover{background:#aa4d55}[data-theme=dark] .sidebar-note{background:#3b3027;border-color:#534333}[data-theme=dark] .sidebar-note strong,[data-theme=dark] .sidebar-note p{color:#dfc6a1}[data-theme=dark] .stage-card,[data-theme=dark] .name-stage{background:#3c2c29;border-color:#5b4438}[data-theme=dark] .stage-heading h2,[data-theme=dark] .winner-reveal h3,[data-theme=dark] .stage-stats strong,[data-theme=dark] .name-stage strong{color:#f4dec0}[data-theme=dark] .stage-heading p,[data-theme=dark] .stage-kicker,[data-theme=dark] .stage-footnote,[data-theme=dark] .winner-reveal p,[data-theme=dark] .stage-stats,[data-theme=dark] .name-stage>span{color:#d0baa0}[data-theme=dark] .live-label{background:#4c3930;border-color:#674c39;color:#dcc6a5}[data-theme=dark] .draw-button{background:#aa525a;color:#fff3de}[data-theme=dark] .draw-button svg:first-child{color:#f1d8ad}[data-theme=dark] .step.active>span{background:#93434c}[data-theme=dark] .avatar,[data-theme=dark] .participant-avatar{background:#574236;color:#efd9b2}[data-theme=dark] .brand-symbol{background:#7d292e}[data-theme=dark] .stage-top .icon-btn{color:#dfc29c}
.platform-logo{width:1.35rem;height:1.35rem;object-fit:contain;vertical-align:middle}
/* Motion follows the saved result. The rotating halo stays behind the names. */
.wheel-wrap{isolation:isolate}.wheel-wrap:before{content:"";position:absolute;inset:-.8rem;border-radius:50%;border:2px solid #bd935540;box-shadow:0 0 0 .4rem #bd935510;pointer-events:none;z-index:-1}.is-spinning .wheel-wrap:before{border-color:#d1ad6b;box-shadow:0 0 1.8rem #bd935560;animation:wheel-breathe 1.1s ease-in-out infinite alternate}.is-spinning #wheelCanvas{will-change:transform}.is-spinning .orbit-star{animation:star-float 1.8s ease-in-out infinite alternate}.is-spinning .live-label i{animation:wheel-breathe .8s ease-in-out infinite alternate}.wheel-pointer{transform-origin:50% 20%}.winner-reveal{position:relative;isolation:isolate;animation:winner-arrival .65s cubic-bezier(.18,.85,.25,1) both}.winner-reveal:before{content:"";position:absolute;width:15rem;height:15rem;max-width:90%;border-radius:50%;background:radial-gradient(circle,#d8b36d40,transparent 70%);z-index:-1;animation:gold-bloom .8s ease-out both}.winner-reveal .winner-crown{animation:crown-arrival .6s .12s both}.winner-reveal h3{animation:winner-arrival .5s .15s both}.winner-reveal p,.winner-reveal a{animation:winner-arrival .45s .25s both}#soundToggle{font-size:.8rem;min-height:2.75rem}
@keyframes wheel-breathe{from{opacity:.55}to{opacity:1}}@keyframes star-float{from{transform:translateY(-5px) rotate(-10deg)}to{transform:translateY(5px) rotate(12deg)}}@keyframes winner-arrival{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes crown-arrival{from{opacity:0;transform:translateY(-15px) scale(.65) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes gold-bloom{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.broadcast-options{border:1px solid var(--line);border-radius:12px;display:grid;gap:1rem;padding:1rem}.broadcast-options legend{font-weight:700;color:var(--green)}.prize-selector{display:block;margin:1rem 0 .3rem}.prize-selector select{margin-top:.4rem}.prize-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.prize-edit{display:grid;gap:.8rem;border:1px solid var(--line);padding:1rem;border-radius:12px}.prize-photo{height:160px;background:var(--surface-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.prize-photo img{max-width:100%;max-height:125px;object-fit:contain}.prize-photo span{font-size:.8rem;color:var(--muted)}.prize-edit input[type=file]{max-width:100%;width:100%;font-size:.75rem}.winner-crown img{width:64px;height:64px}.prize-result-photo{max-width:220px;max-height:180px;object-fit:contain;border-radius:12px}.prize-result-title{font-weight:800}.prize-edit .check-row input{width:auto}