:root{--wheel-bg:#0d1a11;--wheel-border:#0f2016;--wheel-hub1:#162419;--wheel-hub2:#080f0a}.page{max-width:1380px;margin:0 auto;padding:0 24px 64px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;padding:52px 0 32px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;color:var(--green-deep);background:var(--green-tint);padding:6px 16px;border-radius:100px;margin-bottom:18px;letter-spacing:.5px}h1{font-size:clamp(32px,4.8vw,60px);line-height:1.04;letter-spacing:-2px;font-weight:900;max-width:760px}h1 span{color:var(--green)}.lead{color:var(--ink2);font-size:17px;max-width:690px;margin-top:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:100px;padding:12px 22px;font-weight:700;font-size:14px;cursor:pointer;background:var(--green);color:#fff;box-shadow:0 8px 24px #1e8f5247;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Plus Jakarta Sans,system-ui,sans-serif}.btn:hover{background:var(--green-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary,.btn-ghost{background:var(--paper);color:var(--ink);box-shadow:none;border:1.5px solid var(--line)}.btn.ghost{background:transparent;color:var(--ink2);border:1.5px solid var(--line)}.btn.red,.btn-red{background:#d940401a;color:var(--red);border:1.5px solid rgba(217,64,64,.25);box-shadow:none}.btn.small,.btn-sm{padding:8px 14px;border-radius:100px;font-size:12.5px}.live-summary{background:linear-gradient(135deg,var(--green-tint),rgba(237,226,204,.7));border:1.5px solid rgba(30,143,82,.18);border-radius:24px;padding:22px;box-shadow:var(--shadow-warm)}.summary-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.summary-title strong{font-size:15px;color:var(--ink)}.pill{display:inline-flex;white-space:nowrap;align-items:center;gap:7px;border-radius:100px;padding:6px 12px;background:var(--paper);border:1.5px solid var(--line);color:var(--green-deep);font-size:12px;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #1e8f5280;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow-warm)}.stat b{display:block;font-size:24px;letter-spacing:-.7px;color:var(--ink)}.stat span{font-size:11px;color:var(--ink3);font-weight:700;text-transform:uppercase}.steps{display:grid;gap:10px;margin-top:14px}.step{display:flex;gap:10px;align-items:center;color:var(--ink2);font-size:13px}.step i{width:24px;height:24px;border-radius:50%;background:var(--green-tint);display:grid;place-items:center;color:var(--green-deep);font-style:normal;font-weight:900;font-size:12px;flex-shrink:0;border:1.5px solid rgba(30,143,82,.2)}.seo-streamer-copy{max-width:1380px;margin:0 auto 22px;padding:0}.seo-streamer-copy .seo-card{background:var(--paper);border:1.5px solid var(--line);border-radius:20px;padding:20px 24px;box-shadow:var(--shadow-warm)}.seo-streamer-copy h2{font-size:18px;font-weight:800;letter-spacing:-.4px;margin-bottom:8px;color:var(--ink)}.seo-streamer-copy p{font-size:14px;color:var(--ink2);line-height:1.75}.seo-streamer-copy strong{color:var(--green-deep)}.layout{display:grid;grid-template-columns:340px minmax(360px,1fr) 380px;gap:18px;align-items:start}.card{background:var(--paper);border:1.5px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-warm)}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2{font-size:18px;letter-spacing:-.3px;color:var(--ink)}.sub{font-size:13px;color:var(--ink3);margin-top:3px}.field{margin-top:12px}label{display:block;color:var(--ink3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}input,textarea,select{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);padding:11px 13px;font:500 14px Plus Jakarta Sans,system-ui,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}textarea{min-height:290px;resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--green);background:var(--paper);box-shadow:0 0 0 3px #1e8f521a}.meta-row{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:var(--ink3)}.meta-row b{color:var(--green-deep)}.quick-actions,.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.advanced details{margin-top:14px}.advanced summary{cursor:pointer;color:var(--green-deep);font-weight:700;font-size:13px}.advanced-panel{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.switch-row{display:flex;align-items:flex-start;gap:10px;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}.switch-row input{width:auto;margin-top:4px;accent-color:var(--green)}.switch-row strong{display:block;font-size:13px;color:var(--ink)}.switch-row span{display:block;color:var(--ink3);font-size:12.5px;margin-top:2px}.note{font-size:12.5px;color:var(--ink2);line-height:1.55;padding:10px 13px;background:var(--green-tint);border-radius:10px;border-left:3px solid var(--green);margin-top:12px}.label-hint{font-size:12px;color:var(--ink3);line-height:1.45;margin-top:7px}.wheel-card{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;position:sticky;top:80px;background:var(--paper);border:1.5px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-warm)}.wheel-wrap,.wheel-stage{width:min(560px,100%);aspect-ratio:1/1;position:relative;display:grid;place-items:center;margin:0 auto}.wheel,.wheel-canvas{width:100%;height:100%;border-radius:50%;display:block;background:var(--wheel-bg);border:12px solid var(--wheel-border);box-shadow:0 0 0 1px #1e8f5247,0 24px 60px #3c321433,inset 0 0 0 2px #ffffff0f;will-change:transform}.wheel.spinning{box-shadow:0 0 0 1px #1e8f5280,0 28px 70px #3c321440,0 0 50px #1e8f5233,inset 0 0 0 2px #ffffff17}.wheel-pointer,.pointer{position:absolute;right:-4px;top:50%;transform:translateY(-50%);z-index:4;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:38px solid var(--gold);filter:drop-shadow(0 4px 10px rgba(60,50,20,.35))}.wheel-center,.hub{position:absolute;z-index:5;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,var(--wheel-hub1),var(--wheel-hub2));border:1px solid rgba(30,143,82,.3);box-shadow:0 8px 30px #3c321440;padding:14px}.wheel-center strong,.hub span{font-weight:900;color:#edfff2;font-size:14px}.wheel-center span{font-size:10px;color:#ffffff80;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-top:4px;display:block}.wheel-stage.spinning .wheel-pointer{animation:pointerTick .12s linear infinite}.wheel-stage.spinning .wheel-center{animation:centerPulse .7s ease-in-out infinite alternate}.spin-btn.loading{background:linear-gradient(90deg,var(--green-deep),var(--green),var(--green-deep));background-size:220% 100%;animation:btnShimmer .8s linear infinite}@keyframes pointerTick{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-50%) rotate(-8deg)}}@keyframes centerPulse{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes btnShimmer{0%{background-position:0 0}to{background-position:220% 0}}.spin-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.spin-row-centered{width:100%;justify-content:center}.spin-row-centered .spin-btn{margin:0 auto}.result,.result-box{width:100%;background:var(--green-tint);border:1.5px solid rgba(30,143,82,.2);border-radius:18px;padding:17px;text-align:center}.result span,.result-box .label{display:block;font-size:11px;color:var(--ink3);font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.result strong,.result-box .winner{display:block;font-size:clamp(22px,3.2vw,34px);color:var(--green-deep);font-weight:900;letter-spacing:-1px;overflow-wrap:anywhere}.status,.twitch-status,.command-status{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink2);background:var(--cream);border:1.5px solid var(--line);border-radius:100px;padding:8px 14px;margin-bottom:12px}.twitch-dot,.command-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 8px #d9404073;flex-shrink:0}.twitch-status.ok .twitch-dot,.command-status.ok .command-dot{background:var(--green);box-shadow:0 0 10px #1e8f5299}.twitch-status.wait .twitch-dot,.command-status.wait .command-dot{background:var(--gold);box-shadow:0 0 10px #c27f2a8c}.live-warning{position:relative;overflow:hidden;background:linear-gradient(135deg,#c27f2a26,#1e8f5214);border:1.5px solid rgba(194,127,42,.4);border-radius:16px;padding:15px;margin:12px 0}.live-warning strong{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;font-weight:800;line-height:1.2;margin-bottom:5px}.live-warning span{display:block;color:var(--ink2);font-size:13px;font-weight:600;line-height:1.45}.twitch-mini-tuto{background:var(--green-tint);border:1.5px solid rgba(30,143,82,.2);border-radius:12px;padding:12px;margin-bottom:12px}.twitch-mini-tuto strong{font-size:13px;color:var(--ink)}.twitch-mini-tuto ol{margin:8px 0 0 18px;color:var(--ink2);font-size:12.5px}.twitch-mode-card,.mode{background:var(--cream);border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-top:13px}.twitch-mode-card h3{font-size:15px;font-weight:800;color:var(--ink)}.twitch-mode-card p{font-size:12.5px;color:var(--ink3);line-height:1.5;margin:3px 0 10px}.twitch-log,.history{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto;margin-top:10px;padding-right:4px}.twitch-log-row,.history-row{display:flex;justify-content:space-between;gap:10px;background:var(--green-tint);border-radius:10px;padding:8px 11px;font-size:12.5px}.twitch-log-row strong,.history-row strong{overflow-wrap:anywhere;color:var(--ink)}.twitch-log-row span,.history-row span{color:var(--ink3);white-space:nowrap}.history-title{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.list-empty{font-size:13px;color:var(--ink3)}.winner-overlay{position:fixed;inset:0;z-index:900;display:none;place-items:center;padding:24px;background:radial-gradient(ellipse at center,#1e8f5233,#12572feb 54%,#0a0e0cf7);backdrop-filter:blur(10px);overflow:hidden}.winner-overlay.show{display:grid;animation:overlayFade .22s ease both}.winner-card-pop{position:relative;z-index:2;width:min(560px,92vw);border-radius:28px;padding:38px 30px;text-align:center;background:linear-gradient(180deg,#12572ff5,#070f0afa);border:1px solid rgba(30,143,82,.4);box-shadow:0 34px 120px #0009,0 0 80px #1e8f5233;animation:winnerPop .58s cubic-bezier(.16,1.15,.3,1) both}.winner-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 14px;border-radius:100px;background:#1e8f5226;border:1px solid rgba(30,143,82,.35);color:#97ffd0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.7px}.winner-card-pop h3{font-size:clamp(28px,4.2vw,52px);line-height:1.05;letter-spacing:-1.4px;color:#fff;margin-bottom:10px;overflow-wrap:anywhere}.winner-card-pop p{font-size:14px;color:#ffffffb3;margin-bottom:22px}.winner-close{border:none;border-radius:100px;background:var(--green);color:#fff;font-weight:800;font-size:14px;padding:12px 24px;cursor:pointer}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-16px;left:calc(var(--x)*1%);width:10px;height:18px;border-radius:4px;background:var(--c);opacity:.95;transform:rotate(var(--r));animation:confettiFall var(--d) linear forwards}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes winnerPop{0%{opacity:0;transform:translateY(26px) scale(.88)}62%{transform:translateY(-4px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confettiFall{0%{transform:translate3d(0,-20px,0) rotate(0)}to{transform:translate3d(calc((var(--s) - 50)*1vw),110vh,0) rotate(760deg)}}@media(max-width:1120px){.hero,.layout{grid-template-columns:1fr}.wheel-card{position:relative;top:auto;order:-1}.wheel-wrap{max-width:560px}.page{padding:0 20px 56px}}@media(max-width:780px){.hero{padding-top:32px}.stats{grid-template-columns:1fr 1fr 1fr}.card{border-radius:18px;padding:16px}textarea{min-height:220px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.spin-row,.spin-row .btn{width:100%}.wheel-center{width:92px;height:92px}.wheel-pointer{right:0;border-top-width:16px;border-bottom-width:16px;border-right-width:30px}}.nav-links a{transition:background .22s var(--ease-out-expo),color .18s,transform .22s var(--ease-out-expo)}.nav-links a:hover,.nav-links a.active{transform:translateY(-1px)}.nav-dl-btn{transition:background .25s var(--ease-out-expo),transform .3s var(--ease-spring),box-shadow .25s}.nav-dl-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1e8f5266}.btn{transition:background .25s var(--ease-out-expo),transform .3s var(--ease-spring),box-shadow .22s}.btn.secondary{transition:background .22s var(--ease-out-expo),border-color .22s,color .18s,transform .3s var(--ease-spring)}.btn.secondary:hover{transform:translateY(-1px);border-color:var(--green);color:var(--ink)}.btn.ghost{transition:background .22s var(--ease-out-expo),border-color .22s,color .18s,transform .3s var(--ease-spring)}.btn.ghost:hover{transform:translateY(-1px);border-color:#1e8f5266}.btn.red,.btn-red{transition:background .22s var(--ease-out-expo),border-color .22s,color .18s,transform .25s var(--ease-out-expo)}.btn.red:hover,.btn-red:hover{transform:translateY(-1px)}