:root{--bg: #0b0d10;--panel: #11161c;--panel-elev: #151b22;--text: #e7ecf3;--muted: #9aa7b2;--primary: #5b8cff;--primary-600: #3d6ef6;--success: #36d399;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;color-scheme:dark;color:var(--text);background:radial-gradient(1200px 800px at 10% -10%,#0f1420,#0b0d10 40%),radial-gradient(1000px 600px at 120% 10%,#0c1220,#0b0d10 50%),var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --g1w{syntax: "<length>"; inherits: false; initial-value: 700px;}@property --g1h{syntax: "<length>"; inherits: false; initial-value: 320px;}@property --g1x{syntax: "<percentage>"; inherits: false; initial-value: 12%;}@property --g1y{syntax: "<percentage>"; inherits: false; initial-value: 8%;}@property --g2w{syntax: "<length>"; inherits: false; initial-value: 520px;}@property --g2h{syntax: "<length>"; inherits: false; initial-value: 280px;}@property --g2x{syntax: "<percentage>"; inherits: false; initial-value: 88%;}@property --g2y{syntax: "<percentage>"; inherits: false; initial-value: 12%;}@property --g3w{syntax: "<length>"; inherits: false; initial-value: 520px;}@property --g3h{syntax: "<length>"; inherits: false; initial-value: 260px;}@property --g3x{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --g3y{syntax: "<percentage>"; inherits: false; initial-value: 92%;}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}h1{font-size:2rem;line-height:1.2;margin:0}button{border-radius:12px;border:1px solid transparent;padding:.7em 1.1em;font-size:.95rem;font-weight:600;letter-spacing:.2px;background:linear-gradient(180deg,var(--panel-elev),var(--panel));color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff0d;position:relative;overflow:hidden}button:hover{transform:translateY(-1px);border-color:#273043;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff0f}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body:after{content:"";position:fixed;inset:-10%;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 5% 8%,radial-gradient(rgba(255,255,255,.85) .7px,transparent 1px) at 12% 24%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 18% 62%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 27% 14%,radial-gradient(rgba(255,255,255,.95) .7px,transparent 1px) at 33% 48%,radial-gradient(rgba(255,255,255,.92) .8px,transparent 1px) at 41% 28%,radial-gradient(rgba(255,255,255,.88) .7px,transparent 1px) at 46% 72%,radial-gradient(rgba(255,255,255,1) .9px,transparent 1.1px) at 52% 12%,radial-gradient(rgba(255,255,255,.95) .7px,transparent 1px) at 58% 36%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 63% 64%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 69% 22%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 74% 44%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 79% 70%,radial-gradient(rgba(255,255,255,1) .9px,transparent 1.1px) at 84% 16%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 88% 38%,radial-gradient(rgba(255,255,255,.88) .6px,transparent 1px) at 93% 58%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 8% 72%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 15% 45%,radial-gradient(rgba(255,255,255,.95) .7px,transparent 1px) at 22% 33%,radial-gradient(rgba(255,255,255,.92) .8px,transparent 1px) at 30% 66%,radial-gradient(rrgba(255,255,255,.88) .7px,transparent 1px) at 37% 54%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 44% 8%,radial-gradient(rgba(255,255,255,.92) .8px,transparent 1px) at 50% 88%,radial-gradient(rgba(255,255,255,.95) .7px,transparent 1px) at 57% 52%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 65% 84%,radial-gradient(rgba(255,255,255,.98) .9px,transparent 1.1px) at 71% 6%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 76% 28%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 82% 52%,radial-gradient(rgba(255,255,255,.88) .7px,transparent 1px) at 90% 74%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 96% 32%;animation:starDriftA 160s linear infinite,starTwinkle 6.5s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes starDriftA{0%{transform:translateZ(0)}to{transform:translate3d(220px,140px,0)}}@keyframes starTwinkle{0%{filter:brightness(1) saturate(105%)}50%{filter:brightness(1.25) saturate(120%)}to{filter:brightness(1.05) saturate(110%)}}html:after{content:"";position:fixed;inset:-12%;pointer-events:none;z-index:0;opacity:.22;background-image:radial-gradient(rgba(255,255,255,1) .9px,transparent 1.1px) at 7% 12%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 13% 38%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 19% 68%,radial-gradient(rgba(255,255,255,.98) .9px,transparent 1.1px) at 24% 20%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 29% 46%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 36% 72%,radial-gradient(rgba(255,255,255,.88) .7px,transparent 1px) at 42% 16%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 47% 40%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 53% 66%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 59% 18%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 64% 36%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 70% 58%,radial-gradient(rgba(255,255,255,.98) .9px,transparent 1.1px) at 75% 82%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 81% 24%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 86% 48%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 92% 70%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 96% 34%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 4% 28%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 11% 58%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 17% 82%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 23% 30%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 31% 52%,radial-gradient(rgba(255,255,255,.98) .9px,transparent 1.1px) at 38% 78%,radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px) at 45% 10%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 51% 30%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 57% 54%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 62% 76%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 69% 12%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 73% 36%,radial-gradient(rgba(255,255,255,1) 1px,transparent 1.2px) at 79% 60%,radial-gradient(rgba(255,255,255,.9) .6px,transparent 1px) at 85% 84%,radial-gradient(rgba(255,255,255,.96) .8px,transparent 1px) at 90% 22%,radial-gradient(rgba(255,255,255,.92) .7px,transparent 1px) at 95% 44%;animation:starDriftB 130s linear infinite,starTwinkle 7.8s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes starDriftB{0%{transform:translateZ(0)}to{transform:translate3d(-180px,120px,0)}}body:before{content:"";position:fixed;inset:-15%;pointer-events:none;z-index:0;--g1w: 700px;--g1h: 320px;--g1x: 12%;--g1y: 8%;--g2w: 520px;--g2h: 280px;--g2x: 88%;--g2y: 12%;--g3w: 520px;--g3h: 260px;--g3x: 50%;--g3y: 92%;background:radial-gradient(var(--g1w) var(--g1h) at var(--g1x) var(--g1y),rgba(91,140,255,.18),transparent 60%),radial-gradient(var(--g2w) var(--g2h) at var(--g2x) var(--g2y),rgba(54,211,153,.16),transparent 60%),radial-gradient(var(--g3w) var(--g3h) at var(--g3x) var(--g3y),rgba(255,209,102,.1),transparent 60%);filter:blur(34px) saturate(115%);transform:translateZ(0);animation:auroraMorph 60s ease-in-out infinite alternate,auroraHue 38s ease-in-out infinite alternate}@keyframes auroraShift{0%{background-position:12% 8%,88% 12%,50% 92%}to{background-position:18% 14%,80% 18%,52% 86%}}@keyframes auroraMorph{0%{--g1w: 700px;--g1h: 320px;--g1x: 12%;--g1y: 8%;--g2w: 520px;--g2h: 280px;--g2x: 88%;--g2y: 12%;--g3w: 520px;--g3h: 260px;--g3x: 50%;--g3y: 92%}50%{--g1w: 820px;--g1h: 360px;--g1x: 16%;--g1y: 10%;--g2w: 560px;--g2h: 300px;--g2x: 82%;--g2y: 16%;--g3w: 600px;--g3h: 300px;--g3x: 54%;--g3y: 86%}to{--g1w: 760px;--g1h: 340px;--g1x: 18%;--g1y: 12%;--g2w: 500px;--g2h: 270px;--g2x: 78%;--g2y: 18%;--g3w: 560px;--g3h: 280px;--g3x: 52%;--g3y: 84%}}@keyframes auroraHue{0%{filter:blur(34px) saturate(120%) hue-rotate(0deg)}50%{filter:blur(34px) saturate(130%) hue-rotate(90deg)}to{filter:blur(34px) saturate(120%) hue-rotate(0deg)}}html:before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:0;opacity:.12;background:conic-gradient(from 0deg at 50% 50%,#5b8cff47,#f472b638,#36d39942,#ffd1662e,#5b8cff47 360deg);filter:blur(80px) saturate(140%);transform:translateZ(0);animation:conicSpin 60s linear infinite;mix-blend-mode:screen}@keyframes conicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{width:min(780px,92vw);margin:4vh auto;padding:28px 24px;text-align:center;background:linear-gradient(180deg,var(--panel-elev),var(--panel));border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0a;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;isolation:isolate;z-index:1}.card{padding:1.4em 1.2em;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff08}.read-the-docs{color:var(--muted)}#root:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,#5b8cff2e,#36d3992e);filter:blur(24px);z-index:-1;opacity:.6}.ticket-num{font-size:1.75rem;font-weight:800;color:var(--success);margin:0 4px;padding:2px 12px;background:linear-gradient(180deg,#0e131a,#0b0f14);border-radius:10px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff0d;transition:transform .12s ease,background .2s ease}.ticket-num:hover{transform:translateY(-1px)}.ticket-num{position:relative;overflow:hidden}.ticket-num:after{content:"";position:absolute;top:-60%;left:-40%;width:140%;height:220%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 15%,transparent 30%);transform:rotate(20deg);animation:shimmer 3.2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-60%) rotate(20deg)}60%{transform:translate(30%) rotate(20deg)}to{transform:translate(120%) rotate(20deg)}}.ticket{box-sizing:border-box;margin:10px auto 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 12px;width:180px;background:linear-gradient(180deg,#ffffff08,#ffffff04);display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 32px #00000059,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.ticket p{margin:0 0 10px;font-size:1.05rem;color:var(--text);font-weight:600;letter-spacing:.4px;text-align:center}.ticket-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.ticket:hover{transform:translateY(-2px);border-color:#ffffff24;box-shadow:0 16px 36px #0000006b,inset 0 1px #ffffff0d}:root{--muted: rgba(255,255,255,.75);--text: #ffffff;--success: #6ee7b7;--card-bg-a: rgba(255,255,255,.03)}.lottery-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0 .75rem;max-width:520px;margin:2rem auto;background:linear-gradient(180deg,#2d3438,#232628);border-radius:12px;box-shadow:0 6px 18px #00000080;color:var(--text);box-sizing:border-box;text-align:center}.lottery-container h1{font-size:1.9rem;color:transparent;margin-bottom:.25rem;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#8ab4ff,#36d399,#8ab4ff);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;animation:sweep 8s ease-in-out infinite}.lottery-container p{color:var(--muted);margin:.25rem 0 .75rem}.lottery-container button{background:linear-gradient(180deg,#1a2330,#141b24);color:var(--text);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.7em 1.15em;font-size:.95rem;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 8px 28px #00000059,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.lottery-container button:hover{transform:translateY(-1px);border-color:#273043}.lottery-container button:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 60px at var(--x, 50%) var(--y, 0%),rgba(255,255,255,.12),transparent 60%);opacity:0;transition:opacity .2s ease}.lottery-container button:hover:after{opacity:1}.lottery-container h3{color:var(--success);font-weight:600;margin-top:.6rem}@keyframes sweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.lottery-container.win h1{animation:sweep 8s ease-in-out infinite,pulse 1.6s ease-in-out 2}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(54,211,153,0))}50%{transform:scale(1.02);filter:drop-shadow(0 6px 20px rgba(54,211,153,.35))}}.confetti{position:relative;width:1px;height:1px}.confetti:before,.confetti:after{content:"";position:absolute;inset:-6px -120px;background:radial-gradient(3px 3px at 10% 20%,#8ab4ff 98%,transparent 100%),radial-gradient(3px 3px at 35% 10%,#36d399 98%,transparent 100%),radial-gradient(3px 3px at 65% 15%,#ffd166 98%,transparent 100%),radial-gradient(3px 3px at 85% 25%,#f472b6 98%,transparent 100%),radial-gradient(3px 3px at 20% 60%,#8ab4ff 98%,transparent 100%),radial-gradient(3px 3px at 45% 70%,#36d399 98%,transparent 100%),radial-gradient(3px 3px at 75% 75%,#ffd166 98%,transparent 100%),radial-gradient(3px 3px at 90% 65%,#f472b6 98%,transparent 100%);animation:rise .9s ease-out 1 forwards;pointer-events:none}.confetti:after{filter:blur(.5px);opacity:.8;animation-delay:40ms}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-80px) scale(1.02);opacity:0}}.controls{width:100%;max-width:520px;display:flex;gap:.6rem;align-items:center;justify-content:center;margin:0 auto .25rem;padding:0 12px;flex-wrap:wrap;box-sizing:border-box}.custom-select-wrapper{position:relative;display:inline-block;vertical-align:middle;margin:0}.select-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,#ffffff05,#ffffff03);color:var(--text);font-size:.95rem;cursor:pointer;box-shadow:0 6px 18px #00000059;transition:transform .14s ease,box-shadow .2s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.select-trigger.open{border-color:#ffffff1f}.trigger-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;text-align:left}.select-trigger .chev{transition:transform .16s ease;color:#ffffffbf}.select-trigger.open .chev{transform:rotate(180deg)}.select-list{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 10px);min-width:260px;max-width:340px;background:linear-gradient(180deg,#0f1216f5,#1e2228fa);border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:8px;box-shadow:0 22px 60px #0009;z-index:9999;outline:none}.select-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;color:#ffffffeb;font-size:.95rem;transition:background .12s ease,transform .1s ease}.select-item+.select-item{margin-top:6px}.select-item:hover,.select-item.highlight{background:linear-gradient(90deg,#ffffff05,#ffffff03);transform:translateY(-2px)}.select-item.selected{background:linear-gradient(90deg,#36d3990f,#8ab4ff05);box-shadow:inset 0 1px #ffffff05}.item-check{color:var(--success);font-weight:700;margin-left:8px}.param{display:flex;flex-direction:row;gap:8px;align-items:center;margin-left:8px}.param-note{display:block;margin-top:2px;font-size:.76rem;color:#ffffff94;text-align:center}.param-label{font-size:.88rem;color:#ffffffc7;min-width:56px;text-align:right}.param-input{box-sizing:border-box;width:96px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#ffffff03);color:var(--text);font-size:.98rem;font-weight:600;text-align:center;box-shadow:0 6px 18px #00000059;transition:transform .12s ease,border-color .16s ease,box-shadow .2s ease;-moz-appearance:textfield}.param-input::-webkit-outer-spin-button,.param-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.param-input:focus{outline:none;border-color:#36d39973;box-shadow:0 8px 26px #36d39914,0 0 0 4px #36d3990f;transform:translateY(-2px)}.param-input.invalid{border-color:#ff5a5ae6;box-shadow:0 8px 20px #ff5a5a0f;transform:translateY(0)}.ticket--win{border-color:#36d39959;box-shadow:0 18px 42px #36d3992e,0 12px 30px #0000006b,inset 0 1px #ffffff0f;animation:glow 1.4s ease-in-out 2}.lottery-container.win{border:2px solid rgba(255,215,0,.08)}@keyframes glow{0%,to{box-shadow:0 18px 42px #36d39900,0 12px 30px #0000006b,inset 0 1px #ffffff0f}50%{box-shadow:0 18px 42px #36d39959,0 12px 30px #0000006b,inset 0 1px #ffffff0f}}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media (max-width: 520px){.select-list{left:8px;transform:none;right:8px;min-width:auto;max-width:calc(100% - 16px)}.select-trigger{min-width:140px}.controls{padding:0 8px}.param{flex-direction:column;gap:6px;margin-left:0;width:100%;align-items:center}.param-label{text-align:center;min-width:auto}.param-input{width:74px;font-size:.9rem;padding:6px 8px}}