:root{--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--container-bg: white;--text-primary: #333;--text-secondary: #666;--input-bg: #f8f9fa;--input-border: #e0e0e0;--info-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-gradient-start: #1a1a2e;--bg-gradient-end: #16213e;--container-bg: #2d2d44;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--input-bg: #3a3a52;--input-border: #4a4a6a;--info-bg: #3a3a52;--shadow-color: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;transition:background .3s ease}.container{background:var(--container-bg);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);padding:40px;max-width:900px;width:100%;text-align:center;position:relative;transition:background .3s ease,box-shadow .3s ease}.theme-toggle{position:absolute;top:20px;right:20px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:50px;width:60px;height:30px;cursor:pointer;display:flex;align-items:center;padding:3px;transition:all .3s ease}.theme-toggle:hover{border-color:var(--bg-gradient-start)}.theme-toggle-slider{width:24px;height:24px;border-radius:50%;background:var(--bg-gradient-start);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}[data-theme=dark] .theme-toggle-slider{transform:translate(30px)}.lang-switcher{position:absolute;top:20px;left:20px;display:flex;gap:6px;z-index:10}.flag-link{font-size:1.4em;text-decoration:none;opacity:.4;transition:opacity .2s ease,transform .2s ease;line-height:1}.flag-link:hover{opacity:.8;transform:scale(1.1)}.flag-link.active{opacity:1}.site-header{text-align:center;margin-bottom:24px}.site-title{font-size:1.25em;font-weight:700;color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.site-nav{display:flex;justify-content:center;border-bottom:2px solid var(--input-border);transition:border-color .3s ease}.site-nav a{color:var(--text-secondary);text-decoration:none;font-size:.95em;font-weight:500;padding:10px 20px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s ease,border-color .2s ease,background .2s ease;border-radius:8px 8px 0 0}.site-nav a:hover{color:var(--text-primary);background:var(--info-bg)}.site-nav a.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--bg-gradient-start);background:var(--info-bg)}[data-theme=dark] .site-nav a.active{background:var(--input-bg)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85em;color:var(--text-secondary);margin-bottom:20px;flex-wrap:wrap}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--bg-gradient-start);text-decoration:underline}.breadcrumb .sep{opacity:.5;-webkit-user-select:none;user-select:none}.breadcrumb .current{color:var(--text-primary);font-weight:500}main.content{text-align:left}main.content .center-block{text-align:center}h1{color:var(--text-primary);margin-bottom:10px;font-size:2.5em;font-weight:700;transition:color .3s ease}.subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.1em;transition:color .3s ease}.lotto-sets{display:flex;flex-direction:column;gap:30px;margin:40px 0}.lotto-set{display:flex;flex-direction:column;align-items:center;gap:10px}.set-label{color:var(--text-secondary);font-size:.9em;font-weight:600;margin-bottom:5px;transition:color .3s ease}.lotto-numbers{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding-bottom:25px;align-items:flex-start}.number-ball{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:700;box-shadow:0 4px 15px #667eea66;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .5s ease}.number-ball:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.powerball{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66;position:relative}.powerball:hover{box-shadow:0 6px 20px #f5576c99}.powerball:after{content:attr(data-bonus-name);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.5em;color:#f5576c;font-weight:600;white-space:nowrap;overflow:visible}.powerball-separator{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 5px;font-size:1.5em;color:var(--text-secondary);font-weight:700;transition:color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.empty-state{color:var(--text-secondary);font-style:italic;min-height:120px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.input-section{background:var(--input-bg);border-radius:15px;padding:25px;margin-bottom:30px;display:flex;flex-direction:column;gap:20px;transition:background .3s ease,opacity .3s ease,max-height .3s ease;overflow:hidden}.input-section.hidden{display:none}.input-group{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.input-label{color:var(--text-primary);font-weight:600;font-size:1em;min-width:120px;text-align:left;transition:color .3s ease}.range-input{display:flex;align-items:center;gap:10px}.range-input input{width:80px;padding:10px 15px;border:2px solid var(--input-border);border-radius:8px;font-size:1em;text-align:center;background:var(--container-bg);color:var(--text-primary);transition:border-color .3s ease,background .3s ease,color .3s ease}.range-input input:focus{outline:none;border-color:var(--bg-gradient-start)}.range-separator{color:var(--text-secondary);font-weight:600;transition:color .3s ease}.generator-actions{margin-bottom:25px;display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:560px;margin-left:auto;margin-right:auto}.generator-actions__row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.generator-actions__buttons{gap:12px;align-items:stretch}.generator-actions select{width:100%;max-width:340px}.generator-actions__hint{font-size:.82em;color:var(--text-secondary);text-align:center;line-height:1.45;margin:0;padding:0 4px}.lotto-type-selector{margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.lotto-type-selector select,.generator-actions select{padding:12px 20px;border:2px solid var(--input-border);border-radius:10px;font-size:1em;font-weight:600;background:var(--container-bg);color:var(--text-primary);cursor:pointer;transition:border-color .3s ease,background .3s ease;min-width:200px}.lotto-type-selector select:hover,.generator-actions select:hover{border-color:var(--bg-gradient-start)}.lotto-type-selector select:focus,.generator-actions select:focus{outline:none;border-color:var(--bg-gradient-start)}.generate-btn-inline{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:1em;font-weight:600;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:transform .2s ease,box-shadow .2s ease}.generate-btn-inline:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.generate-btn-inline:active{transform:translateY(0)}.spin-auto-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;font-size:.98em;font-weight:700;letter-spacing:.02em;border-radius:12px;cursor:pointer;background:var(--container-bg);color:var(--bg-gradient-start);border:2px dashed rgba(102,126,234,.55);box-shadow:0 2px #667eea1f,inset 0 1px #ffffff0f;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}[data-theme=dark] .spin-auto-btn{border-color:#818cf873;color:#a5b4fc;box-shadow:0 2px #0003}.spin-auto-btn__icon{display:flex;align-items:center;opacity:.9}.spin-auto-btn__icon svg{animation:spin-soft 2.8s linear infinite}.spin-auto-btn:hover:not(:disabled){border-style:solid;border-color:var(--bg-gradient-start);background:linear-gradient(145deg,#667eea14,#764ba20f);transform:translateY(-1px);box-shadow:0 8px 24px #667eea2e}.spin-auto-btn:active:not(:disabled){transform:translateY(0)}.spin-auto-btn:disabled{opacity:.55;cursor:not-allowed;animation:none}.spin-auto-btn:disabled .spin-auto-btn__icon svg{animation:spin-fast .85s linear infinite}@keyframes spin-soft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-fast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-wheel-status,.spin-wheel-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;margin:0 auto 16px;padding:14px 18px;max-width:520px;border-radius:14px;background:var(--info-bg);color:var(--text-secondary);font-size:.92em;transition:background .3s ease,color .3s ease}.spin-wheel-status__copy{flex:1;min-width:200px}.spin-wheel-status__pulse{width:10px;height:10px;border-radius:50%;background:var(--bg-gradient-start);flex-shrink:0;animation:pulse-dot 1.2s ease-in-out infinite;box-shadow:0 0 #667eea59}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #667eea59}50%{opacity:.85;transform:scale(.92);box-shadow:0 0 0 8px #667eea00}}.spin-wheel-summary{border:1px solid var(--input-border);color:var(--text-primary);background:linear-gradient(180deg,var(--info-bg) 0%,var(--container-bg) 100%)}.db-status-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:10px;padding:14px 20px;margin-bottom:20px;font-size:.9em;line-height:1.5;text-align:left}.db-status-warning code{background:#00000014;padding:1px 6px;border-radius:4px;font-size:.95em}[data-theme=dark] .db-status-warning{background:#3a3520;color:#ffc107;border-color:#665d1e}[data-theme=dark] .db-status-warning code{background:#ffffff1a}.feature-banner{background:linear-gradient(135deg,#667eea0f,#764ba20f);border:1px solid var(--input-border);border-radius:10px;padding:14px 20px;margin-bottom:24px;text-align:center;color:var(--text-secondary);font-size:.9em;line-height:1.5;transition:background .3s ease,border-color .3s ease,color .3s ease}.feature-banner p{margin:0}.feature-banner a{color:var(--bg-gradient-start);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.feature-banner a:hover{border-bottom-color:var(--bg-gradient-start)}.simulate-btn{background:linear-gradient(135deg,gold,#ffb347);color:#333;border:none;padding:12px 24px;font-size:1em;font-weight:600;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px #ffb34759;transition:transform .2s ease,box-shadow .2s ease}.simulate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb3478c}.simulate-btn:active{transform:translateY(0)}.simulate-btn.hidden{display:none}.info{margin-top:30px;padding:15px;background:var(--info-bg);border-radius:10px;color:var(--text-secondary);font-size:.9em;transition:background .3s ease,color .3s ease}.ad-container{margin:24px 0;min-height:90px;display:flex;justify-content:center;align-items:center}.ad-container ins{display:block;text-align:center}.ad-label{font-size:.75em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.about-section,.policy-section{margin-top:24px;padding:24px;background:var(--info-bg);border-radius:12px;color:var(--text-secondary);font-size:1.05em;line-height:1.65;transition:background .3s ease,color .3s ease}.about-section h2,.policy-section h2{color:var(--text-primary);font-size:1.25em;margin-bottom:12px;transition:color .3s ease}.about-section p,.policy-section p{margin-bottom:12px}.about-section p:last-child,.policy-section p:last-child{margin-bottom:0}.disclaimer{font-size:.9em;color:var(--text-secondary);margin-top:16px;padding:12px;border-left:4px solid var(--bg-gradient-start);background:var(--input-bg);border-radius:0 8px 8px 0}.story-qa-intro{margin-bottom:8px;color:var(--text-secondary)}.faq-section{margin-top:24px;text-align:left}.faq-toggle{color:var(--text-secondary);font-size:1em;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0;-webkit-user-select:none;user-select:none;transition:color .2s ease;margin:0}.faq-toggle:hover{color:var(--text-primary)}.faq-arrow{font-size:.7em;transition:transform .3s ease}.faq-section.open .faq-arrow{transform:rotate(180deg)}.faq-body{display:none;margin-top:8px}.faq-section.open .faq-body{display:block}.faq-item{background:var(--info-bg);border-radius:10px;padding:14px 18px;margin-bottom:10px;transition:background .3s ease}.faq-item h2,.faq-item h3{color:var(--text-primary);font-size:.95em;font-weight:600;margin-bottom:6px;transition:color .3s ease}.faq-item p{color:var(--text-secondary);font-size:.88em;line-height:1.55;margin:0;transition:color .3s ease}.toolbar{display:inline-flex;align-items:center;justify-content:center;gap:0;margin:10px auto 0;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:6px 10px;white-space:nowrap;transition:background .3s ease,border-color .3s ease}.toolbar-wrap{text-align:center}.toolbar.hidden{display:none}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:24px;background:var(--input-border);margin:0 10px;flex-shrink:0;transition:background .3s ease}.action-btn{background:none;color:var(--text-secondary);border:none;padding:6px 12px;font-size:.82em;font-weight:600;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease;display:flex;align-items:center;gap:5px}.action-btn:hover{color:var(--text-primary);background:var(--container-bg)}.action-btn svg{flex-shrink:0}.share-bar{display:flex;justify-content:center;gap:12px;margin-top:14px}.share-bar.hidden{display:none}.share-icon{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.share-icon:hover{transform:scale(1.15)}.share-icon:active{transform:scale(1)}.share-icon svg{flex-shrink:0;display:block}.attempt-counter{display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:.85em;font-weight:500;letter-spacing:.05em;color:var(--text-secondary);transition:color .3s ease}.attempt-counter.hidden{display:none}.attempt-counter #attemptNum{display:inline-block;min-width:32px;text-align:center;font-size:1.4em;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:6px}.attempt-counter.attempt-hit #attemptNum{background:linear-gradient(135deg,gold,#ffb347);-webkit-background-clip:text;background-clip:text}#attemptStatus{font-weight:700;color:orange}.site-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--input-border);text-align:center;font-size:.85em;color:var(--text-secondary);transition:border-color .3s ease,color .3s ease}.match-info{background:var(--info-bg);border-radius:10px;padding:12px 16px;margin-top:5px;font-size:.85em;color:var(--text-secondary);display:flex;flex-direction:column;gap:6px;width:100%;max-width:580px;transition:background .3s ease;border-left:4px solid var(--input-border)}.match-info.match-jackpot{background:linear-gradient(135deg,#ffd70026,#ffb34726);border-left-color:gold}[data-theme=dark] .match-info.match-jackpot{background:linear-gradient(135deg,#ffd7001a,#ffb3471a)}.match-info.match-high{border-left-color:#667eea;background:linear-gradient(135deg,#667eea14,#764ba214)}.match-info-header{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.match-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.8em;font-weight:700}.match-badge.jackpot{background:linear-gradient(135deg,gold,#ffb347);color:#333}.match-badge.high{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.match-date{font-size:.9em;opacity:.8}.match-numbers{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px}.match-num{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8em;font-weight:600;background:var(--input-bg);color:var(--text-secondary);transition:background .3s ease,color .3s ease}.match-num.matched{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.match-num.bonus-ball{border:2px solid #f5576c}.match-num.bonus-ball.matched{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.match-plus{font-weight:700;color:var(--text-secondary);font-size:.85em}@media(max-width:768px){body{padding:10px;align-items:flex-start}.container{padding:24px 20px;border-radius:16px}h1{font-size:1.8em}.subtitle{font-size:.95em;margin-bottom:24px}.site-nav a{padding:8px 12px;font-size:.85em}.number-ball{width:56px;height:56px;font-size:1.4em}.lotto-numbers{gap:10px;padding-bottom:20px}.powerball-separator{font-size:1.2em;margin:0 2px}.lotto-sets{gap:22px;margin:28px 0}.match-num{width:26px;height:26px;font-size:.7em}}@media(max-width:480px){body{padding:0;align-items:flex-start}.container{padding:16px 12px;border-radius:0;box-shadow:none;min-height:100vh}.theme-toggle{top:12px;right:12px}.lang-switcher{top:14px;left:14px;gap:4px}.flag-link{font-size:1.2em}.site-title{font-size:1.05em;margin-bottom:10px}.site-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-bottom:2px}.site-nav::-webkit-scrollbar{display:none}.site-nav a{padding:7px 10px;font-size:.78em;flex-shrink:0}.site-header{margin-bottom:14px}h1{font-size:1.35em;margin-bottom:4px}.subtitle{display:none}.breadcrumb{margin-bottom:10px;font-size:.78em}.feature-banner{display:none}.lotto-type-selector{gap:8px;margin-bottom:12px}.lotto-type-selector select{min-width:130px;padding:10px 12px;font-size:.9em}.generate-btn-inline,.spin-auto-btn,.simulate-btn{padding:10px 18px;font-size:.9em}.generator-actions__buttons{flex-direction:column}.generator-actions__buttons .generate-btn-inline,.generator-actions__buttons .spin-auto-btn{width:100%;max-width:340px}.number-ball{width:40px;height:40px;font-size:1.05em;box-shadow:0 2px 8px #667eea4d}.powerball{box-shadow:0 2px 8px #f5576c4d}.powerball:after{font-size:.4em;bottom:-14px}.lotto-numbers{gap:6px;padding-bottom:16px}.powerball-separator{font-size:.9em;margin:0}.lotto-sets{gap:12px;margin:14px 0}.set-label{font-size:.75em;margin-bottom:1px}.empty-state{min-height:60px;font-size:.85em}.ad-container{margin:10px 0;min-height:50px}.toolbar{padding:4px 6px;border-radius:10px}.toolbar-divider{margin:0 5px;height:18px}.action-btn{padding:4px 7px;font-size:.72em;gap:3px}.action-btn svg{width:13px;height:13px}.share-icon{width:26px;height:26px}.share-icon svg{width:11px;height:11px}.attempt-counter{font-size:.78em;margin-bottom:4px}.info{font-size:.8em;padding:10px;margin-top:14px}.about-section,.policy-section{padding:16px 14px;font-size:.88em}.faq-item{padding:12px 14px}.site-footer{margin-top:20px;padding-top:14px;font-size:.78em}.input-section{padding:14px 12px}.range-input input{width:60px;padding:8px;font-size:.88em}.input-label{min-width:90px;font-size:.88em}.match-info{padding:8px 10px;font-size:.78em}.match-num{width:22px;height:22px;font-size:.6em}.match-badge{font-size:.68em;padding:2px 6px}}body{align-items:flex-start;padding:clamp(16px,3vw,28px)}#root{width:100%;display:flex;justify-content:center}.app-shell .container{max-width:min(960px,100%);padding:clamp(24px,4vw,44px);box-shadow:0 24px 80px var(--shadow-color)}.app-shell .site-nav{flex-wrap:wrap;gap:2px;row-gap:0;justify-content:center}.app-shell .site-nav a{padding:10px 14px;font-size:.88em}.app-shell h1{font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.02em}.app-shell .subtitle{max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.55}.app-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--bg-gradient-start);background:linear-gradient(135deg,#667eea24,#764ba21a);border:1px solid rgba(102,126,234,.28);margin-bottom:14px}[data-theme=dark] .app-hero-badge{color:#c7d2fe;border-color:#a5b4fc59}.app-card-surface{border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);padding:20px;margin-top:8px}[data-theme=dark] .app-card-surface{background:#0000001f}.feature-banner-title{font-weight:700;color:var(--text-primary);margin-bottom:8px}.simulate-btn{min-width:200px}.center-block .home-generate-cta{font-size:1.05rem;padding:14px 36px;box-shadow:0 8px 28px #667eea59}@media(max-width:640px){.app-shell .site-nav a{padding:8px 10px;font-size:.8em}}
