:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#0f3460;--text-primary:#eaeaea;--text-secondary:#a0a0a0;--gold:gold;--green:#32cd32;--red:tomato;--blue:#00bfff;--accent:gold;--border:#2a2a4a;--shadow:#0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.app{flex-direction:column;flex:1;display:flex}.main-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:16px}.top-tab-bar{border-bottom:2px solid var(--border);background:var(--bg-secondary);padding:0 16px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 0;font-size:13px;transition:color .2s;display:flex;position:relative}.tab-item.active{color:var(--gold)}.tab-item.active:after{content:"";background:var(--gold);border-radius:1px;height:2px;position:absolute;bottom:-2px;left:20%;right:20%}.tab-item:hover{color:var(--gold)}.tab-icon{font-size:20px}.game-selector{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.game-card{background:var(--bg-card);border:2px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:20px 16px;transition:all .2s;position:relative;overflow:hidden}.game-card:hover{border-color:var(--gold);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.game-card.selected{border-color:var(--gold);background:linear-gradient(135deg, var(--bg-card), #ffd7001a)}.game-icon{margin-bottom:8px;font-size:36px}.game-name{margin-bottom:4px;font-size:18px;font-weight:600}.game-desc{color:var(--text-secondary);font-size:12px}.method-tabs{background:var(--bg-secondary);border-radius:8px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.method-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.method-tab.active{background:var(--gold);color:var(--bg-primary)}.method-tab:hover:not(.active){color:var(--text-primary)}.sub-tabs{gap:8px;margin-bottom:16px;display:flex}.sub-tab{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.sub-tab.active-hot{border-color:var(--green);color:var(--green);background:#32cd3226}.sub-tab.active-cold{border-color:var(--red);color:var(--red);background:#ff634726}.sub-tab:hover:not(.active-hot):not(.active-cold){border-color:var(--text-secondary);color:var(--text-primary)}.number-chips.bonus-section{border-top:2px dashed var(--border);margin-top:20px;padding-top:16px}.number-chip.bonus-selected{background:linear-gradient(135deg, var(--red), #ff8c69);border-color:var(--red);color:#fff}.number-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.number-chip{border:2px solid var(--border);background:var(--bg-card);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:all .2s;display:flex}.number-chip.hot{border-color:var(--green);color:var(--green)}.number-chip.cold{border-color:var(--red);color:var(--red)}.number-chip.selected{background:var(--gold);border-color:var(--gold);color:var(--bg-primary);transform:scale(1.1)}.number-chip:hover:not(.selected){box-shadow:0 2px 8px var(--shadow);transform:scale(1.05)}.date-inputs{margin-bottom:16px}.date-input-row{background:var(--bg-card);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.date-label{color:var(--text-secondary);min-width:100px;font-size:14px}.date-picker{border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:14px}.date-picker:focus{border-color:var(--gold);outline:none}.bonus-toggle{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.bonus-toggle.active{border-color:var(--gold);color:var(--gold);background:#ffd70026}.add-date-btn{border:2px dashed var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:12px;font-size:14px;transition:all .2s}.add-date-btn:hover{border-color:var(--gold);color:var(--gold)}.generate-btn{background:var(--gold);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;margin-bottom:16px;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.results-container{margin-top:16px}.result-header{color:var(--gold);margin-bottom:12px;font-size:16px;font-weight:600}.lottery-balls{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.lottery-ball{width:60px;height:60px;color:var(--bg-primary);box-shadow:0 4px 12px var(--shadow);background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}@media (width<=440px){.lottery-ball{width:40px;height:40px;font-size:16px}}.bonus-ball{background:linear-gradient(135deg, var(--red), #ff8c69);color:#fff}.date-label-below{color:var(--text-secondary);text-align:center;margin-top:4px;font-size:12px}.calculation-breakdown{background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.calc-line{margin-bottom:4px}.calc-line:last-child{margin-bottom:0}.result-actions{gap:8px;display:flex}.action-btn{border:2px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:12px;font-size:14px;transition:all .2s}.action-btn:hover{border-color:var(--gold);color:var(--gold)}.compact-pick-numbers{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.compact-number{background:var(--bg-secondary);border-radius:6px;padding:4px 12px;font-size:14px;font-weight:500}.compact-number.bonus{color:var(--red);background:#ff634733}.picks-list{flex-direction:column;gap:16px;display:flex}.pick-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.pick-method{color:var(--text-secondary);font-size:12px}.pick-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.pick-method-inline{color:var(--text-secondary);font-size:12px}.pick-actions{gap:8px;margin-top:8px;display:flex}.pick-action-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.pick-action-btn:hover{border-color:var(--gold);color:var(--gold)}.pick-action-btn.delete:hover{border-color:var(--red);color:var(--red)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-text{margin-bottom:8px;font-size:16px}.empty-subtext{font-size:14px}.selection-progress{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:14px}.selection-progress .count{color:var(--gold);font-weight:600}.app-header{text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:24px 16px 16px}.app-title{color:var(--gold);margin-bottom:4px;font-size:24px;font-weight:700}.app-subtitle{color:var(--text-secondary);font-size:14px}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}@media (width>=768px){.game-selector{grid-template-columns:repeat(4,1fr)}.main-content{padding:24px}.number-chip{width:56px;height:56px;font-size:20px}.lottery-ball{width:70px;height:70px;font-size:28px}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button{touch-action:manipulation}