:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}body{display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;text-align:center;color:#fff;position:relative;user-select:none}.header-content{max-width:800px;margin:0 auto}.header h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.header-subtitle{margin:.5rem 0 0;font-size:.95rem;opacity:.95;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.header-menu-wrap{position:absolute;top:1rem;right:1rem}.hamburger-btn{width:44px;height:44px;border:none;background:#fff3;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover{background:#ffffff59}.hamburger-btn:active{background:#ffffff73}.hamburger-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000002e;min-width:180px;z-index:200;overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-section-label{padding:10px 16px 6px;font-size:.72rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.6px}.dropdown-item{display:block;padding:11px 16px;font-size:.9rem;color:#333;text-decoration:none;transition:background .15s ease}.dropdown-item:last-child{padding-bottom:14px}.dropdown-item:hover{background:#f5f5f5;color:#667eea}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 12px 12px 0}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.3rem;color:#333}.modal-close{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#666}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{padding:1.5rem;color:#333}.disclaimer-section{margin-bottom:1.5rem}.disclaimer-section:last-child{margin-bottom:0}.disclaimer-section h3{font-size:1rem;margin:0 0 .75rem;color:#667eea;font-weight:600}.disclaimer-section ul{margin:0;padding-left:1.5rem;line-height:1.8}.disclaimer-section li{margin-bottom:.5rem}.disclaimer-section p{margin:0 0 .5rem;line-height:1.7;color:#666;font-size:.95rem}.disclaimer-section strong{color:#333;font-weight:600}.disclaimer-section div{padding-left:8px;border-left:3px solid #f0f0f0;transition:border-color .2s ease}.disclaimer-section div:hover{border-left-color:#667eea}.disclaimer-section details{background:#f9f9f9;border-radius:8px;padding:12px;cursor:pointer}.disclaimer-section details[open]{background:#f0f4ff;border:1px solid #e0e7ff}.disclaimer-section summary{color:#667eea;font-size:.95rem;list-style:none;display:flex;align-items:center;gap:8px}.disclaimer-section summary::-webkit-details-marker{display:none}.disclaimer-section summary:before{content:"▶";font-size:.8em;transition:transform .2s ease}.disclaimer-section details[open] summary:before{transform:rotate(90deg)}.disclaimer-section summary:hover{color:#5568d3}.disclaimer-section a{color:#667eea;text-decoration:underline}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.modal-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-button.primary:active{transform:translateY(0)}@media(max-width:768px){.header h1{font-size:1.5rem}.header-subtitle{font-size:.85rem}.hamburger-btn{width:40px;height:40px}.modal-content{max-height:85vh}.modal-header h2{font-size:1.1rem}.disclaimer-section h3{font-size:.95rem}.disclaimer-section p,.disclaimer-section li{font-size:.9rem}}.tab-navigation{display:flex;background:#fff;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d}.tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1rem;min-height:60px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#666;font-weight:500;position:relative;-webkit-tap-highlight-color:transparent}.tab-button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.tab-button:hover{background:#f5f5f5;color:#333}.tab-button.active{color:#667eea;font-weight:600}.tab-button.active:after{transform:scaleX(1)}.tab-icon{font-size:1.5rem;transition:transform .2s ease}.tab-button:active .tab-icon{transform:scale(.9)}.tab-button.active .tab-icon{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tab-label{font-size:.85rem;letter-spacing:-.3px}.tab-button:focus-visible{outline:2px solid #667eea;outline-offset:-2px;background:#f5f5f5}@media(max-width:480px){.tab-button{padding:.5rem;min-height:56px}.tab-icon{font-size:1.3rem}.tab-label{font-size:.75rem}}@media(min-width:769px){.tab-navigation{max-width:800px;margin:0 auto;border-radius:12px 12px 0 0;border-bottom:none}.tab-button{padding:1rem 1.5rem}}.debug-panel{background:#1a1a2e;color:#eee;border-radius:8px;margin:1rem;box-shadow:0 4px 12px #0000004d;max-width:800px;margin-left:auto;margin-right:auto}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #333}.debug-header h3{margin:0;font-size:1rem;color:#fbbf24}.debug-header button{width:32px;height:32px;border:none;background:#333;color:#eee;border-radius:50%;cursor:pointer;transition:all .2s ease}.debug-header button:hover{background:#444}.debug-logs{padding:1rem 1.5rem;max-height:300px;overflow-y:auto}.debug-log{display:flex;gap:.75rem;padding:.5rem;margin-bottom:.5rem;border-radius:4px;font-size:.85rem;font-family:Courier New,monospace}.debug-log-info{background:#3b82f61a;border-left:3px solid #3b82f6}.debug-log-success{background:#10b9811a;border-left:3px solid #10b981}.debug-log-warn{background:#f59e0b1a;border-left:3px solid #f59e0b}.debug-log-error{background:#ef44441a;border-left:3px solid #ef4444}.debug-time{color:#999;font-size:.75rem;flex-shrink:0}.debug-message{flex:1}.debug-info-text{padding:1rem 1.5rem;border-top:1px solid #333;font-size:.85rem}.debug-info-text p{margin:.5rem 0}.debug-info-text strong{color:#fbbf24}.debug-logs::-webkit-scrollbar{width:8px}.debug-logs::-webkit-scrollbar-track{background:#2a2a3e;border-radius:4px}.debug-logs::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.debug-logs::-webkit-scrollbar-thumb:hover{background:#555}.generator-panel{padding-bottom:20px}.count-selector{margin-bottom:1.5rem}.count-label{display:block;font-weight:600;margin-bottom:.75rem;color:#333;font-size:.95rem}.count-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.count-btn{flex:0 0 calc(20% - .4rem);min-width:44px;height:44px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;color:#666}.count-btn:hover{border-color:#667eea;background:#f5f5ff;color:#667eea}.count-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.count-btn:active{transform:scale(.95)}.count-btn.disabled,.count-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#e0e0e0;background:#f5f5f5;color:#bbb;transform:none}.count-btn.disabled:hover,.count-btn:disabled:hover{border-color:#e0e0e0;background:#f5f5f5;color:#bbb}.method-card{background:#fff;border:3px solid #667eea;border-radius:16px;padding:1.5rem;margin-bottom:1rem;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.method-card.selected{animation:cardPop .3s ease}@keyframes cardPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.method-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.method-icon{font-size:2.5rem;flex-shrink:0}.method-info{display:flex;gap:1rem;align-items:center;width:100%}.method-text{flex:1}.method-title{margin:0 0 .5rem;font-size:1.3rem;color:#333;font-weight:700;display:flex;align-items:center;gap:.5rem}.recommended-badge{display:inline-block;padding:.15rem .6rem;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.7rem;font-weight:700;border-radius:12px;letter-spacing:-.3px}.method-description{margin:0;color:#666;font-size:.9rem;line-height:1.6}.manual-input-section{margin-bottom:1rem}.manual-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit}.manual-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.manual-hint{margin:.5rem 0 0;font-size:.8rem;color:#999}.generate-button{width:100%;min-height:56px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d}.generate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.button-icon{font-size:1.4rem}.button-text{letter-spacing:-.5px}.toggle-methods-btn{width:100%;padding:.75rem;border:2px dashed #e0e0e0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.toggle-methods-btn:hover{border-color:#667eea;color:#667eea;background:#f5f5ff}.methods-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;animation:slideDown .3s ease}.method-chip{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid #e0e0e0;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:80px}.method-chip:hover{border-color:currentColor;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.method-chip:active{transform:scale(.95)}.chip-icon{font-size:2rem}.chip-label{font-weight:600;font-size:.85rem;color:#333}@media(max-width:480px){.method-card{padding:1rem;margin-bottom:1rem;border-width:2px}.count-btn{flex:0 0 calc(20% - .4rem);font-size:.9rem}.method-icon{font-size:2rem}.method-title{font-size:1.1rem}.method-description{font-size:.85rem}.generate-button{min-height:52px;font-size:1rem}.methods-list{grid-template-columns:repeat(2,1fr)}}.method-chip.locked{opacity:.6;position:relative;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);cursor:pointer}.method-chip.locked:hover{opacity:.8;background:linear-gradient(135deg,#ebebeb,#d5d5d5);transform:translateY(-2px)}.lock-icon{font-size:.9rem;margin-left:.25rem}@media(min-width:769px){.methods-list{grid-template-columns:repeat(4,1fr)}}.lotto-ball{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#000;box-shadow:0 4px 15px #0000004d;animation:popIn .3s ease-out;flex-shrink:0}.ball-small{width:32px;height:32px;font-size:.85rem}.ball-normal{width:40px;height:40px;font-size:1rem}.ball-large{width:60px;height:60px;font-size:1.5rem}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:480px){.ball-large{width:42px;height:42px;font-size:1rem}.ball-normal{width:30px;height:30px;font-size:.8rem}.ball-small{width:24px;height:24px;font-size:.7rem}}.number-result-card{background:#fff;border-radius:16px;border:3px solid #667eea;padding:1.5rem;margin:1.5rem 0;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 4px 12px #0000001a;animation:cardPopIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes cardPopIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.result-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.badge-icon{font-size:1.2rem}.result-actions-top{display:flex;gap:.5rem}.share-icon-btn{width:40px;height:40px;border:2px solid #667eea;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.share-icon-btn:hover{background:#667eea;transform:scale(1.1);filter:brightness(1.2)}.result-title{text-align:center;font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem;padding:0}.all-numbers-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;overflow-x:auto;width:100%}.all-numbers-container .number-row{display:flex;gap:.75rem;flex-wrap:nowrap;justify-content:center;padding:.75rem 0;border-bottom:2px dashed #dee2e6;min-width:min-content}.all-numbers-container .number-row:last-child{border-bottom:none;padding-bottom:0}.result-actions{display:flex;gap:.75rem}.save-btn{flex:1;min-height:52px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-btn:active{transform:translateY(0)}@media(max-width:480px){.number-result-card{padding:1rem;margin:1rem 0;border-width:2px}.result-badge{padding:.4rem .75rem;font-size:.85rem}.result-title{font-size:1rem;margin-bottom:1rem}.all-numbers-container{padding:1rem;margin-bottom:1rem}.all-numbers-container .number-row{gap:.5rem;padding:.5rem 0;justify-content:center;overflow-x:auto}}.saved-numbers-list{padding-bottom:20px}.saved-numbers-empty{text-align:center;padding:5rem 2rem;color:#999;background:#fff;border-radius:16px;border:2px dashed #e0e0e0;animation:emptyStateFadeIn .5s ease-out}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:5rem;margin-bottom:1.5rem;animation:emptyIconFloat 3s ease-in-out infinite}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.saved-numbers-empty h3{margin:0 0 .75rem;color:#333;font-size:1.3rem;font-weight:700}.saved-numbers-empty p{margin:0;font-size:1rem;color:#666}.saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.saved-header h2{margin:0;font-size:1.3rem;color:#333;font-weight:700}.saved-header-actions{display:flex;gap:.5rem;align-items:center}.notification-toggle{width:44px;height:44px;border:2px solid #e0e0e0;background:#fff;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-toggle:hover{border-color:#667eea;transform:scale(1.05)}.notification-toggle.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);animation:ringBell .5s ease}@keyframes ringBell{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.clear-all-btn{padding:.5rem 1rem;min-height:44px;border:2px solid #f56565;background:#fff;border-radius:8px;color:#f56565;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#f56565;color:#fff}.winning-alert{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #f59e0b4d;animation:winningPulse 1s ease infinite}@keyframes winningPulse{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 4px 20px #f59e0b80}}.winning-alert-header{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.winning-results{display:flex;flex-direction:column;gap:1rem}.winning-result-item{background:#fff;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.winning-badge-large{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:8px;font-size:1rem;flex-shrink:0}.winning-numbers{display:flex;gap:.5rem;flex-wrap:nowrap;flex:1}.winning-info{text-align:right;font-size:.85rem;color:#666;flex-shrink:0}.winning-info small{font-size:.75rem;color:#999}.date-groups{display:flex;flex-direction:column;gap:1.5rem}.date-group{background:#fff;border-radius:12px;border:2px solid #e0e0e0;overflow:hidden}.date-group-header{background:#f5f5f5;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e0e0e0}.date-group-header h3{margin:0;font-size:1rem;color:#333;font-weight:600}.group-count{font-size:.85rem;color:#999;font-weight:500}.date-group-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.saved-item{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;padding:.75rem;background:#fafafa;border-radius:8px;transition:all .3s ease;position:relative}.saved-item:hover{background:#f0f0f0;transform:translate(4px)}.saved-item.recently-saved{background:linear-gradient(135deg,#667eea,#764ba2);animation:recentlySavedPulse 2s ease-out;box-shadow:0 4px 20px #667eea80}.saved-item.recently-saved{animation-name:numbersPop;animation-duration:.5s;animation-timing-function:ease-out}@keyframes recentlySavedPulse{0%{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea80}50%{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 30px #667eeab3}to{background:#fafafa;box-shadow:none}}@keyframes numbersPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.saved-item-numbers{display:flex;gap:.5rem;flex-wrap:nowrap;flex:0 1 auto;min-width:0}.saved-item-numbers .lotto-ball{flex-shrink:1;width:32px;height:32px;min-width:20px;min-height:20px;font-size:.75rem}.method-badge{font-size:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:help;flex-shrink:0;transition:transform .2s ease}.method-badge:hover{transform:scale(1.15)}.winning-badge{padding:.4rem .7rem;border-radius:6px;font-weight:700;font-size:.8rem;flex-shrink:0;margin-left:auto;white-space:nowrap;text-align:center}.winning-badge.rank-0{background:#e5e7eb;color:#6b7280}.winning-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#854d0e;box-shadow:0 2px 8px #ffd70066;animation:rank1Glow 2s ease-in-out infinite}@keyframes rank1Glow{0%,to{box-shadow:0 2px 8px #ffd70066}50%{box-shadow:0 4px 16px #ffd70099}}.winning-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#1f2937;box-shadow:0 2px 8px #c0c0c066}.winning-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a869);color:#44220b;box-shadow:0 2px 8px #cd7f3266}.winning-badge.rank-4{background:linear-gradient(135deg,#60a5fa,#93c5fd);color:#1e3a8a;box-shadow:0 2px 8px #60a5fa4d}.winning-badge.rank-5{background:linear-gradient(135deg,#34d399,#6ee7b7);color:#064e3b;box-shadow:0 2px 8px #34d3994d}.delete-btn{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border:2px solid #f56565;background:#fff;border-radius:50%;font-size:1rem;color:#f56565;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:300;line-height:1;padding:0;flex-shrink:0;margin-left:0}.delete-btn:hover{background:#f56565;color:#fff;transform:scale(1.15)}.delete-btn:active{transform:scale(.95)}@media(max-width:768px){.saved-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.saved-header h2{font-size:1.1rem;flex-shrink:0}.winning-result-item{flex-direction:column;align-items:flex-start}.winning-info{text-align:left;width:100%}.saved-item{gap:.4rem;padding:.75rem}.saved-item-numbers{gap:.3rem}.method-badge{width:24px;height:24px;font-size:1rem}.delete-btn{width:28px;height:28px;min-width:28px;min-height:28px}.winning-badge{padding:.35rem .6rem;font-size:.75rem}}@media(max-width:350px){.saved-item{padding:.5rem;gap:.3rem}.method-badge{width:20px;height:20px;font-size:.9rem}}@media(min-width:769px){.date-group-items{padding:1.5rem}.saved-item{padding:1.25rem}}.method-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.method-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 10px 40px #0000004d;animation:modalSlideUp .3s ease;overflow:hidden}.method-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:.75rem;position:relative}.method-modal-icon{font-size:2rem;background:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;flex:1}.method-modal-close{width:32px;height:32px;border:2px solid white;background:transparent;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.method-modal-close:hover{background:#fff;color:#667eea;transform:scale(1.1)}.method-modal-body{padding:2rem}.method-modal-body p{margin:0;font-size:1rem;line-height:1.6;color:#333}@media(max-width:768px){.method-modal{max-width:100%;margin:0 1rem}.method-modal-header{padding:1.25rem}.method-modal-icon{width:40px;height:40px;font-size:1.5rem}.method-modal-header h3{font-size:1.1rem}.method-modal-body{padding:1.5rem}.method-modal-body p{font-size:.95rem}}.stats-summary{padding-bottom:20px}.stats-loading,.stats-error{text-align:center;padding:3rem 1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-loading p{color:#666;font-size:1rem}.stats-error{color:#d93025}.stats-error .error-detail{color:#666;font-size:.9rem;margin-top:.5rem}.no-data{text-align:center;color:#999;padding:2rem;font-size:.95rem}.stats-intro{margin-bottom:2rem}.stats-header-with-selector{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.stats-header-left{flex:1;min-width:250px}.stats-header-left h2{margin:0 0 .5rem;font-size:1.5rem;color:#333;font-weight:700;text-align:left}.stats-header-left p{margin:0;color:#666;font-size:.95rem;text-align:left}.round-selector-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.round-selector-right label{font-weight:600;color:#333;font-size:.95rem;white-space:nowrap}.round-select{padding:.5rem 1rem;border:2px solid #667eea;border-radius:8px;font-size:.95rem;font-weight:600;color:#333;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px}.round-select:hover{border-color:#764ba2;box-shadow:0 2px 8px #667eea33}.round-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.latest-analysis-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;margin-bottom:2rem;color:#fff;box-shadow:0 4px 12px #667eea4d}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:nowrap;gap:.5rem}.analysis-header h3{margin:0;font-size:1.3rem;font-weight:700}.analysis-round-info{display:flex;gap:.75rem;align-items:center}.analysis-round{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-weight:700;font-size:.95rem}.analysis-date{font-size:.9rem;opacity:.9}.analysis-numbers{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem 0;flex-wrap:wrap}.analysis-numbers .bonus-separator{font-size:1.5rem;font-weight:700;margin:0 .25rem}.analysis-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;background:#ffffff1a;padding:1rem;border-radius:12px}.analysis-item{display:flex;flex-direction:column;gap:.25rem}.analysis-item.full-width{grid-column:1 / -1}.analysis-label{font-size:.85rem;opacity:.9;font-weight:600}.analysis-value{font-size:1rem;font-weight:700}.analysis-note{font-size:.85rem;opacity:.8;font-weight:400;margin-left:.25rem}.analysis-ranges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.range-badge{background:#fff3;padding:.4rem .6rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:50px}.range-name{font-size:.75rem;opacity:.9}.range-count{font-size:.95rem;font-weight:700;margin-top:.15rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:3px solid;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,currentColor,transparent);opacity:.5}.stat-card.hot{border-color:#f56565}.stat-card.cold{border-color:#4299e1}.stat-card.balanced{border-color:#667eea}.stat-card.oddeven{border-color:#48bb78}.stat-card.range{border-color:#ed8936}.stat-card.missing{border-color:#9f7aea}.stat-card.sumrange{border-color:#38b2ac}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:2rem;flex-shrink:0}.card-header h3{margin:0;font-size:1.1rem;color:#333;font-weight:700;line-height:1.3}.card-numbers{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;min-height:50px;align-items:center}.card-preview{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.preview-group{display:flex;align-items:center;gap:.4rem}.preview-label{font-size:.75rem;font-weight:600;color:#999;margin-right:.25rem}.preview-plus{font-size:1.2rem;font-weight:700;color:#999}.card-action-btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;color:#fff;min-height:44px}.hot-btn{background:linear-gradient(135deg,#f56565,#e53e3e)}.cold-btn{background:linear-gradient(135deg,#4299e1,#3182ce)}.balanced-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.oddeven-btn{background:linear-gradient(135deg,#48bb78,#38a169)}.range-btn{background:linear-gradient(135deg,#ed8936,#dd6b20)}.missing-btn{background:linear-gradient(135deg,#9f7aea,#805ad5)}.sumrange-btn{background:linear-gradient(135deg,#38b2ac,#319795)}.card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.card-action-btn:active{transform:translateY(0)}.recent-winners-section{background:#fff;border-radius:12px;border:2px solid #e0e0e0;padding:1.5rem;margin-bottom:1.5rem}.recent-winners-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333;font-weight:700}.recent-winners-list{display:flex;flex-direction:column;gap:.75rem}.winner-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border-radius:8px;transition:all .2s ease}.winner-row:hover{background:#f0f0f0}.winner-info{display:flex;flex-direction:column;gap:.25rem;min-width:80px}.winner-round{font-weight:700;color:#667eea;font-size:.95rem}.winner-date{font-size:.75rem;color:#999}.winner-numbers{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;flex:1}.bonus-separator{font-weight:700;color:#999;margin:0 .25rem}.toggle-frequency-btn{width:100%;padding:.75rem;border:2px dashed #e0e0e0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.toggle-frequency-btn:hover{border-color:#667eea;color:#667eea;background:#f5f5ff}.full-frequency-table{background:#fff;border-radius:12px;border:2px solid #e0e0e0;padding:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.frequency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;margin-bottom:1rem}.frequency-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#fafafa;border-radius:8px;transition:all .2s ease}.frequency-item:hover{background:#f0f0f0;transform:scale(1.05)}.frequency-count{font-weight:600;font-size:.85rem;color:#667eea}.frequency-note{margin:0;text-align:center;font-size:.8rem;color:#999;font-style:italic}@media(max-width:768px){.latest-analysis-section{padding:1rem}.analysis-header{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem}.analysis-header h3{font-size:1.1rem;flex-shrink:0}.analysis-round-info{flex-shrink:0;gap:.5rem}.analysis-round{padding:.25rem .5rem;font-size:.85rem}.analysis-date{font-size:.8rem}.analysis-details{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.analysis-ranges{justify-content:flex-start}.stats-intro h2{font-size:1.3rem}.stats-header-with-selector{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.stats-header-left{flex:1;min-width:0}.stats-header-left h2{font-size:1.1rem}.stats-header-left p{font-size:.8rem;display:none}.round-selector-right{flex-shrink:0;gap:.5rem}.round-select{min-width:100px;padding:.4rem .75rem;font-size:.85rem}.round-selector-right label{font-size:.85rem}.round-select{flex:1;min-width:0;font-size:.85rem}.stats-cards{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.card-header h3{font-size:.95rem}.card-icon{font-size:1.5rem}.winner-row{flex-direction:column;align-items:flex-start;gap:.75rem}.winner-info{width:100%;flex-direction:row;gap:.5rem;align-items:baseline}.winner-numbers{width:100%;justify-content:flex-start}.frequency-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem}}@media(min-width:769px)and (max-width:1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.stats-cards{grid-template-columns:repeat(3,1fr)}.frequency-grid{grid-template-columns:repeat(9,1fr)}}.recommended-algorithms-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9ff,#fff8f3);border-radius:16px;border:2px solid #e3e8ff}.recommendation-header{text-align:center;margin-bottom:2rem}.recommendation-header h3{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.recommendation-subtitle{color:#7f8c8d;font-size:.95rem}.algorithms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.algorithm-card{position:relative;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent;overflow:hidden}.algorithm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.algorithm-card.high:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.algorithm-card.medium:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.algorithm-card.low:before{background:linear-gradient(90deg,#a8edea,#fed6e3)}.algorithm-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.algorithm-card.high:hover{border-color:#f5576c}.algorithm-card.medium:hover{border-color:#4facfe}.algorithm-card.low:hover{border-color:#a8edea}.algorithm-rank{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 8px #667eea4d}.algorithm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-right:2.5rem}.algorithm-name{font-size:1.1rem;font-weight:700;color:#2c3e50}.algorithm-score-badge{display:flex;align-items:baseline;gap:.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem .75rem;border-radius:20px;font-weight:700;box-shadow:0 2px 8px #667eea4d}.score-value{font-size:1.25rem}.score-label{font-size:.75rem;opacity:.9}.algorithm-score-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.score-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .6s ease}.algorithm-card.high .score-fill{background:linear-gradient(90deg,#f093fb,#f5576c)}.algorithm-card.medium .score-fill{background:linear-gradient(90deg,#4facfe,#00f2fe)}.algorithm-card.low .score-fill{background:linear-gradient(90deg,#a8edea,#fed6e3)}.algorithm-reason{font-size:.9rem;color:#555;line-height:1.5;margin-bottom:1rem;min-height:3rem}.algorithm-적합도{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.algorithm-적합도.high{background:linear-gradient(135deg,#ffe8f0,#fff0f0);color:#f5576c;border:1px solid #f5576c}.algorithm-적합도.medium{background:linear-gradient(135deg,#e8f4ff,#f0f9ff);color:#4facfe;border:1px solid #4facfe}.algorithm-적합도.low{background:linear-gradient(135deg,#f0f9ff,#f5f5f5);color:#95a5a6;border:1px solid #95a5a6}.algorithm-适합度.high{background:linear-gradient(135deg,#ffe8f0,#fff0f0);color:#f5576c;border:1px solid #f5576c}.algorithm-适합도.medium{background:linear-gradient(135deg,#e8f4ff,#f0f9ff);color:#4facfe;border:1px solid #4facfe}.algorithm-适合度.low{background:linear-gradient(135deg,#f0f9ff,#f5f5f5);color:#95a5a6;border:1px solid #95a5a6}.algorithm-premium-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#7c4a00;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center;margin:.5rem 0;box-shadow:0 2px 8px #ffd7004d}.algorithm-use-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.algorithm-use-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.algorithm-card.high .algorithm-use-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.algorithm-card.high .algorithm-use-btn:hover{box-shadow:0 4px 12px #f5576c66}.algorithm-card.medium .algorithm-use-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.algorithm-card.medium .algorithm-use-btn:hover{box-shadow:0 4px 12px #4facfe66}.recommendation-footer{background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.footer-note{color:#555;font-size:.9rem;line-height:1.6;margin:0}.footer-note strong{color:#667eea;font-weight:700}@media(max-width:768px){.algorithms-grid{grid-template-columns:1fr}.recommendation-header h3{font-size:1.25rem}.algorithm-card{padding:1rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--card-bg);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--border-color)}.modal-header h2{margin:0;font-size:24px;color:var(--text-primary);font-weight:700}.close-button{width:36px;height:36px;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:24px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.modal-body{padding:24px}.round-info-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.round-info-header h3{margin:0 0 8px;font-size:28px;color:var(--text-primary);font-weight:700}.round-info-header .draw-date{font-size:14px;color:var(--text-secondary)}.no-prize-info{text-align:center;padding:40px 20px}.no-prize-info p{margin:0 0 8px;font-size:16px;color:var(--text-primary)}.no-prize-info .hint{font-size:14px;color:var(--text-secondary)}.prize-list{display:flex;flex-direction:column;gap:16px}.prize-item{background:var(--bg-primary);border-radius:12px;border:2px solid var(--border-color);border-left-width:6px;padding:20px;transition:all .2s ease}.prize-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.prize-rank{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.rank-emoji{font-size:32px}.rank-name{font-size:20px;font-weight:700;color:var(--text-primary)}.prize-details{display:flex;flex-direction:column;gap:12px}.prize-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.prize-row.per-winner{margin-top:8px;padding-top:12px;border-top:1px dashed var(--border-color)}.prize-row .label{font-size:14px;color:var(--text-secondary);font-weight:500}.prize-row .value{font-size:16px;color:var(--text-primary);font-weight:600}.prize-row .value.amount{color:var(--primary-color);font-size:18px}.prize-row .value.highlight{color:#ff6b6b;font-size:18px}@media(max-width:768px){.modal-content{max-width:100%;max-height:95vh;margin:10px;border-radius:12px}.modal-header{padding:20px 16px}.modal-header h2{font-size:20px}.modal-body{padding:20px 16px}.round-info-header h3{font-size:24px}.prize-item{padding:16px}.rank-emoji{font-size:28px}.rank-name{font-size:18px}.prize-row .label{font-size:13px}.prize-row .value{font-size:14px}.prize-row .value.amount,.prize-row .value.highlight{font-size:16px}}.winning-panel{padding-bottom:20px}.recent-winners-section{background:#fff;border-radius:16px;border:3px solid #667eea;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #00000014}.section-header-with-selector{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.section-header-with-selector h3{margin:0;font-size:20px;color:var(--text-primary);font-weight:700;flex-shrink:0}.round-selector-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.round-selector-right label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.round-select{padding:8px 12px;border:2px solid var(--primary-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.round-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #5865f233}.round-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5865f21a}.detail-button{padding:8px 16px;border:2px solid var(--primary-color);border-radius:6px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.detail-button:hover:not(:disabled){background:#4752c4;border-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.detail-button:focus{outline:none}.detail-button:disabled{opacity:.4;cursor:not-allowed;background:#95a5a6;border-color:#95a5a6;transform:none}.selected-winning-numbers{padding:20px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.winning-balls-display{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.main-numbers{display:flex;gap:8px;flex-wrap:wrap}.bonus-separator{font-size:24px;font-weight:700;color:var(--text-secondary);margin:0 8px}.bonus-number{display:flex}.prize-table-wrap{margin-top:16px;overflow-x:auto}.prize-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.prize-table thead tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.prize-table thead th{padding:12px 10px;text-align:center;font-weight:600;font-size:13px;color:#333;background:#fff;white-space:nowrap}.prize-table tbody tr{border-bottom:1px solid #e8e8e8}.prize-table tbody tr:last-child{border-bottom:1px solid #ccc}.prize-table tbody td{padding:14px 10px;text-align:center;color:#333;font-size:14px;white-space:nowrap}.prize-table .rank-cell{font-weight:600;color:#333}.prize-table .total-amount-cell{color:#00a49a;font-weight:600}.prize-table .criteria-cell{color:#00a49a;font-size:13px;line-height:1.6}.prize-table .bigo-cell{vertical-align:middle;border-left:1px solid #e8e8e8}.bigo-content{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;color:#555;padding:4px 0}.bigo-rank{font-weight:700;color:#333;margin-bottom:2px}.winning-panel.loading,.winning-panel.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-hint{color:var(--text-secondary);font-size:14px;margin-top:8px}.winning-statistics{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;border:3px solid #667eea;box-shadow:0 4px 12px #00000014}.winning-statistics h3{margin:0 0 20px;font-size:20px;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);min-height:80px;justify-content:center}.stat-label{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-value.highlight{color:var(--primary-color)}.best-rank{display:flex;align-items:center;gap:4px}.no-win{font-size:16px;color:var(--text-secondary)}.winning-history{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;border:3px solid #667eea;box-shadow:0 4px 12px #00000014}.winning-history h3{margin:0 0 20px;font-size:20px;color:var(--text-primary)}.empty-history{text-align:center;padding:40px 20px;background:var(--card-bg);border-radius:12px;border:2px dashed var(--border-color)}.empty-history .empty-icon{font-size:48px;margin-bottom:12px}.empty-history p{color:var(--text-secondary);font-size:16px;margin:0}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{background:var(--card-bg);border-radius:12px;padding:20px;border:2px solid var(--border-color);transition:all .3s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.history-card.rank-1{border-color:gold;background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,var(--card-bg) 100%)}.history-card.rank-2{border-color:silver;background:linear-gradient(135deg,rgba(192,192,192,.1) 0%,var(--card-bg) 100%)}.history-card.rank-3{border-color:#cd7f32;background:linear-gradient(135deg,rgba(205,127,50,.1) 0%,var(--card-bg) 100%)}.history-card.rank-4,.history-card.rank-5{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(88,101,242,.05) 0%,var(--card-bg) 100%)}.history-card.rank-lose{border-color:var(--border-color);opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.round-info{display:flex;flex-direction:column;gap:4px}.round-number{font-size:18px;font-weight:700;color:var(--text-primary)}.draw-date{font-size:14px;color:var(--text-secondary)}.rank-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:700}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#000}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#fff}.rank-badge.rank-4,.rank-badge.rank-5{background:var(--primary-color);color:#fff}.rank-badge.rank-lose{background:var(--bg-secondary);color:var(--text-secondary)}.rank-emoji{font-size:20px}.rank-text{font-size:16px}.card-body{display:flex;flex-direction:column;gap:16px}.numbers-section{display:flex;flex-direction:column;gap:8px}.numbers-section label{font-size:14px;color:var(--text-secondary);font-weight:500}.number-balls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.number-ball{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.number-ball.match{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 10px #5865f280}.number-ball.bonus{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.number-ball.winning{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.bonus-label{font-size:20px;font-weight:700;color:var(--text-secondary);margin:0 4px}.match-info{display:flex;align-items:center;gap:16px;padding-top:8px;font-size:14px;color:var(--text-secondary)}.match-count strong{color:var(--primary-color);font-size:16px}.bonus-match{color:#ff6b6b;font-weight:500}.round-group{background:var(--card-bg);border-radius:12px;border:2px solid var(--border-color);overflow:hidden;margin-bottom:16px}.round-header{background:var(--bg-secondary);padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.round-title{display:flex;align-items:center;gap:12px}.round-title .round-number{font-size:18px;font-weight:700;color:var(--text-primary)}.round-title .draw-date{font-size:14px;color:var(--text-secondary)}.winning-numbers-compact{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.winning-numbers-compact .label{font-size:13px;color:var(--text-secondary);margin-right:4px}.winning-numbers-compact .num{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--primary-color);color:#fff}.winning-numbers-compact .num.bonus{background:#ff6b6b}.winning-numbers-compact .bonus-separator{font-size:16px;color:var(--text-secondary);margin:0 2px}.my-numbers-list{display:flex;flex-direction:column}.number-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;box-shadow:inset 0 -1px 0 var(--border-color);transition:background .2s ease}.number-row:last-child{box-shadow:none}.number-row:hover{background:var(--bg-secondary)}.number-row.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 100%)}.number-row.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.1) 0%,transparent 100%)}.number-row.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.1) 0%,transparent 100%)}.number-row.rank-4,.number-row.rank-5{background:linear-gradient(90deg,rgba(88,101,242,.05) 0%,transparent 100%)}.number-row.rank-lose{opacity:.6}.number-row .method-icon{font-size:20px;margin-right:8px;flex-shrink:0;opacity:.8;cursor:help}.number-row .number-balls{flex:1;display:flex;gap:8px;align-items:center}.number-row .rank-badge{flex-shrink:0;margin-left:16px}@media(max-width:768px){.recent-winners-section{padding:16px}.section-header-with-selector{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.section-header-with-selector h3{font-size:1.1rem;flex-shrink:0}.round-selector-right{flex-shrink:0;flex-wrap:nowrap;gap:.5rem}.round-selector-right label{font-size:.85rem;white-space:nowrap}.round-select{min-width:100px;font-size:.85rem;padding:.4rem .75rem}.detail-button{font-size:13px;padding:8px 12px}.prize-table{font-size:11px}.prize-table thead th,.prize-table tbody td{padding:8px 4px}.prize-table .criteria-cell,.bigo-content{font-size:11px}.selected-winning-numbers{padding:16px}.winning-balls-display{gap:12px}.main-numbers{gap:6px}.bonus-separator{font-size:20px;margin:0 4px}.winning-statistics{padding:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-item{padding:.75rem .5rem}.stat-label{font-size:.75rem;margin-bottom:.25rem}.stat-value{font-size:1.25rem}.round-header{flex-direction:column;align-items:flex-start;padding:8px 12px;gap:6px}.round-title{gap:8px}.round-title .round-number{font-size:16px}.round-title .draw-date{font-size:12px}.winning-numbers-compact{width:100%}.winning-numbers-compact .label{font-size:12px}.number-row{padding:10px 8px;flex-wrap:nowrap;gap:4px}.number-row .method-icon{font-size:14px;margin-right:2px}.number-row .number-balls{gap:3px}.number-row .number-ball{width:28px;height:28px;font-size:12px}.winning-numbers-compact .num{width:26px;height:26px;font-size:11px}.winning-numbers-compact{gap:4px}.winning-numbers-compact .bonus-separator{font-size:14px;margin:0 1px}.number-row .rank-badge{padding:3px 6px;margin-left:2px;gap:4px}.number-row .rank-emoji{font-size:14px}.number-row .rank-text{font-size:11px}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:.75rem;z-index:10000;animation:toastSlideUp .3s ease-out;backdrop-filter:blur(10px)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-icon{font-size:1.3rem;flex-shrink:0}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.5}.toast-close{min-width:32px;min-height:32px;padding:.5rem;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.toast-close:hover{background:#ffffff4d;transform:scale(1.1)}.toast-close:active{transform:scale(.9)}.toast:nth-child(1){bottom:2rem}.toast:nth-child(2){bottom:6rem;opacity:.9;transform:translate(-50%) scale(.95)}.toast:nth-child(3){bottom:10rem;opacity:.8;transform:translate(-50%) scale(.9)}.toast.toast-exit{animation:toastSlideDown .3s ease-out forwards}@keyframes toastSlideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media(max-width:768px){.toast{min-width:calc(100% - 2rem);max-width:calc(100% - 2rem);left:1rem;right:1rem;transform:none;bottom:1rem}.toast:nth-child(2){bottom:5rem;transform:scale(.95)}.toast:nth-child(3){bottom:9rem;transform:scale(.9)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.toast-message{font-size:.9rem}}.toast-container{position:fixed;bottom:0;left:0;right:0;pointer-events:none;z-index:10000}.toast-container .toast{pointer-events:all}.premium-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease;backdrop-filter:blur(4px)}.premium-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0006;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.premium-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#0000001a;color:#666;font-size:1.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.premium-modal-close:hover:not(:disabled){background:#0003;transform:scale(1.1)}.premium-modal-close:active:not(:disabled){transform:scale(.9)}.premium-modal-close:disabled{opacity:.5;cursor:not-allowed}.premium-modal-header{text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.premium-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.premium-title{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.premium-subtitle{margin:0;font-size:1rem;opacity:.95;font-weight:400}.premium-plans{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2rem}.plan-card{border:2px solid #e0e0e0;border-radius:16px;padding:1.5rem;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.free-plan{background:#f7f7f7}.premium-plan{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#fff);box-shadow:0 4px 12px #667eea33}.premium-plan:hover{border-color:#5568d3;box-shadow:0 8px 24px #667eea4d}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #0000004d}.plan-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.plan-name{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:#333}.plan-price{font-size:2rem;font-weight:800;color:#667eea;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-period{font-size:1rem;font-weight:500;color:#999}.plan-features{list-style:none;margin:0;padding:0}.plan-feature{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;color:#555}.plan-feature.highlight{color:#333;font-weight:500}.feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.premium-plan .feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.premium-actions{padding:0 2rem 2rem}.premium-purchase-btn{width:100%;min-height:56px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #667eea66}.premium-purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.premium-purchase-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea66}.premium-purchase-btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{font-size:1.3rem}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.premium-notice{margin:1rem 0 0;text-align:center;font-size:.85rem;color:#999;line-height:1.5}@media(min-width:600px){.premium-plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.premium-modal-header{padding:2rem 1.5rem 1.5rem}.premium-icon{font-size:3rem}.premium-title{font-size:1.5rem}.premium-subtitle{font-size:.9rem}.premium-plans{padding:1.5rem;gap:1rem}.plan-card{padding:1.25rem}.plan-price{font-size:1.6rem}.plan-feature{font-size:.9rem;padding:.5rem 0}.premium-actions{padding:0 1.5rem 1.5rem}.premium-purchase-btn{min-height:52px;font-size:1rem}.terms-agreement{padding:0 1.5rem}.terms-text{font-size:.8rem}}.terms-agreement{padding:1.5rem 2rem 0;border-top:1px solid #e0e0e0}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;user-select:none}.terms-checkbox{width:20px;height:20px;min-width:20px;cursor:pointer;margin-top:2px;accent-color:#667eea}.terms-text{font-size:.9rem;color:#555;line-height:1.5}.terms-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .2s ease}.terms-link:hover{color:#764ba2;text-decoration:underline}.premium-purchase-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.account-link-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.account-link-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideUp .3s ease;position:relative}@keyframes modalSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.account-link-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:2px solid #ddd;background:#fff;border-radius:50%;color:#666;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:10}.account-link-close:hover{border-color:#667eea;color:#667eea;transform:scale(1.1)}.account-link-close:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-link-header{padding:2rem 2rem 1.5rem;text-align:center;position:relative}.account-link-icon{font-size:3rem;margin-bottom:1rem}.account-link-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#333}.account-link-subtitle{margin:0;font-size:.95rem;color:#666;line-height:1.5}.account-link-subtitle small{display:block;margin-top:.5rem;font-size:.85rem;color:#999}.back-btn{position:absolute;top:2rem;left:2rem;background:transparent;border:none;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem;transition:transform .2s ease}.back-btn:hover{transform:translate(-4px)}.back-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-link-benefits{padding:0 2rem 1.5rem}.account-link-benefits h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333;text-align:center}.account-link-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.account-link-benefits li{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#555}.benefit-icon{font-size:1.5rem;flex-shrink:0}.account-link-actions{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:.75rem}.account-link-btn{width:100%;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.account-link-btn:disabled{opacity:.6;cursor:not-allowed}.google-btn{background:#4285f4;color:#fff}.google-btn:hover:not(:disabled){background:#357ae8;transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.email-btn{background:#fff;color:#333;border:2px solid #ddd}.email-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.cancel-btn{background:transparent;color:#999;border:none;padding:.75rem}.cancel-btn:hover:not(:disabled){color:#666;background:#f8f9fa}.email-notice{margin:0 2rem 1.5rem;padding:1rem;background:#e8f4ff;border-left:4px solid #4285F4;border-radius:8px;display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;line-height:1.6;color:#333}.notice-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.notice-text{flex:1}.notice-text strong{color:#4285f4;font-weight:700}.email-form{padding:0 2rem 2rem}.error-message{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#333}.form-group input{width:100%;padding:.875rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mode-toggle{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.mode-toggle p{margin:0;font-size:.9rem;color:#666}.mode-toggle button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.mode-toggle button:hover:not(:disabled){color:#764ba2}.mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.account-link-modal{max-width:100%;margin:0 .5rem;max-height:95vh}.account-link-header{padding:1.5rem 1.5rem 1rem}.account-link-icon{font-size:2.5rem}.account-link-title{font-size:1.3rem}.account-link-benefits{padding:0 1.5rem 1rem}.account-link-benefits li{font-size:.85rem}.account-link-actions,.email-form{padding:0 1.5rem 1.5rem}.email-notice{margin:0 1.5rem 1rem;padding:.875rem;font-size:.8rem}.notice-icon{font-size:1.3rem}.back-btn{top:1.5rem;left:1.5rem}.account-link-close{top:.75rem;right:.75rem}}@media(max-width:380px){.account-link-benefits li{flex-direction:column;text-align:center;gap:.5rem}.benefit-icon{font-size:2rem}}.account-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:1px solid #667eea30;margin:1rem 0;flex-wrap:wrap}.account-info{display:flex;align-items:center;gap:.5rem}.account-icon{font-size:1.25rem}.account-label{font-size:.9rem;font-weight:600;color:#333}.account-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.account-email{font-size:.85rem;color:#666;font-weight:500}.link-account-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.link-account-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.link-account-btn:active{transform:translateY(0)}.link-icon{font-size:1rem}.logout-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.logout-btn:active:not(:disabled){transform:translateY(0)}.logout-btn:disabled{opacity:.6;cursor:not-allowed}.policy-links{display:flex;align-items:center;gap:.5rem;font-size:.75rem;width:100%;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #667eea20}.policy-link{color:#667eea;text-decoration:none;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.policy-link:hover{color:#764ba2;text-decoration:underline}.policy-divider{color:#ccc;font-size:.7rem}@media(max-width:768px){.account-status{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;flex-wrap:nowrap}.account-info{flex:0 0 auto}.account-label{font-size:.85rem}.link-account-btn{flex:0 0 auto;padding:.5rem .75rem;font-size:.8rem}.account-right{flex:1 1 auto;display:flex;align-items:center;gap:.5rem;justify-content:flex-end;margin-left:0}.account-email{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.logout-btn{flex:0 0 auto;padding:.5rem .75rem;font-size:.8rem}}@media(max-width:480px){.account-status{padding:.6rem}.account-label{font-size:.85rem}.link-account-btn{font-size:.8rem;padding:.6rem}}.admin-panel-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-panel{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.admin-header h2{margin:0;font-size:1.3rem}.close-btn{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border:2px solid white;background:transparent;color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;margin:0;flex-shrink:0;box-sizing:border-box}.close-btn:hover{background:#fff;color:#667eea;transform:rotate(90deg)}.admin-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-with-button{display:flex;gap:.5rem;flex-wrap:wrap}.input-with-button input{flex:1;min-width:150px}.next-round-btn{padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.next-round-btn:hover{background:#5568d3;transform:translateY(-2px)}.api-fetch-btn{padding:.75rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.api-fetch-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.api-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.api-save-btn{padding:.75rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.api-save-btn:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.api-save-btn:disabled{opacity:.6;cursor:not-allowed}.json-import-btn{padding:.75rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.json-import-btn:hover{background:#7c3aed;transform:translateY(-2px)}.json-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001}.json-modal{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.json-modal h3{margin:0 0 1rem;color:#333}.json-hint{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.5}.json-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;resize:vertical;margin-bottom:1rem}.json-modal-buttons{display:flex;gap:1rem}.json-import-button{flex:1;padding:.75rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.json-import-button:hover{background:#059669}.json-cancel-button{flex:1;padding:.75rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.json-cancel-button:hover{background:#4b5563}.numbers-input{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.numbers-input input{text-align:center;font-weight:700;font-size:1.1rem}.bonus-input{max-width:150px;text-align:center;font-weight:700;font-size:1.1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.save-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.save-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-btn.primary:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#fff;color:#666;border:2px solid #e0e0e0}.cancel-btn:hover{background:#f5f5f5}.admin-info{background:#f8f9fa;padding:1.5rem 2rem;border-radius:0 0 16px 16px;border-top:2px solid #e0e0e0}.admin-info p{margin:0 0 .75rem;font-weight:600;color:#667eea}.admin-info ol,.admin-info ul{margin:0;padding-left:1.5rem;color:#666;font-size:.9rem;line-height:1.8}.admin-tabs{display:flex;border-bottom:2px solid #e0e0e0;background:#f8f9fa}.admin-tab{flex:1;padding:1rem;border:none;background:transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.admin-tab:hover{background:#f0f0f0;color:#333}.admin-tab.active{color:#667eea;background:#fff;border-bottom-color:#667eea}.users-management{padding:2rem}.users-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.users-header h3{margin:0;font-size:1.2rem;color:#333}.refresh-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.loading-message,.empty-message{text-align:center;padding:3rem;color:#999;font-size:1rem}.users-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:1.5rem}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table thead{background:#f8f9fa}.users-table th{padding:1rem;text-align:left;font-weight:700;color:#333;border-bottom:2px solid #e0e0e0}.users-table td{padding:1rem;border-bottom:1px solid #f0f0f0;color:#666}.users-table tbody tr:hover{background:#fafafa}.uid-cell{font-family:monospace;font-size:.85rem;color:#999}.premium-badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;white-space:nowrap}.premium-badge.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.premium-badge.inactive{background:#f0f0f0;color:#999}.toggle-premium-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toggle-premium-btn.activate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toggle-premium-btn.activate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.toggle-premium-btn.deactivate{background:#f56565;color:#fff}.toggle-premium-btn.deactivate:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}.winning-list-section{padding:1.5rem 2rem 2rem;border-top:2px solid #e0e0e0}.winning-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.winning-list-section h3{margin:0;font-size:1.1rem;color:#333}.header-buttons-group{display:flex;gap:.5rem;flex-wrap:wrap}.api-fetch-btn,.init-data-btn{padding:.5rem 1rem;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.api-fetch-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.api-fetch-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f92);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.init-data-btn{background:linear-gradient(135deg,#48bb78,#38a169)}.init-data-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.api-fetch-btn:disabled,.init-data-btn:disabled{opacity:.6;cursor:not-allowed}.list-loading,.list-empty{text-align:center;padding:2rem;color:#999;font-size:.9rem}.list-empty p{margin:0 0 .5rem}.list-empty-hint{font-size:.85rem;color:#aaa}.winning-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.winning-list::-webkit-scrollbar{width:6px}.winning-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.winning-list::-webkit-scrollbar-thumb:hover{background:#999}.winning-item{background:#fafafa;border-radius:8px;padding:1rem;border:1px solid #e0e0e0;transition:all .2s ease;display:flex;align-items:center;gap:1rem;position:relative}.winning-item:hover{background:#f5f5f5;border-color:#667eea}.winning-item-content{flex:1;min-width:0}.winning-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.winning-round{font-weight:700;font-size:1rem;color:#667eea}.winning-date{font-size:.85rem;color:#999}.winning-item-numbers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bonus-divider{font-size:1.2rem;font-weight:700;color:#999;margin:0 .25rem}.delete-winning-btn{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border:2px solid #f56565;background:#fff;border-radius:50%;font-size:1.4rem;color:#f56565;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:300;line-height:0;padding:0;margin:0;flex-shrink:0;box-sizing:border-box;position:relative;top:-1px}.delete-winning-btn:hover{background:#f56565;color:#fff;transform:scale(1.1)}.delete-winning-btn:active{transform:scale(.95)}@media(max-width:768px){.admin-panel{max-height:95vh}.form-row{grid-template-columns:1fr}.numbers-input{grid-template-columns:repeat(3,1fr)}.admin-header h2{font-size:1.1rem}.admin-form{padding:1.5rem}.admin-info{padding:1rem 1.5rem}.admin-tabs{flex-direction:column}.admin-tab{padding:.75rem;font-size:.9rem}.users-management{padding:1.5rem}.users-header{flex-direction:column;align-items:stretch}.users-header h3{font-size:1.1rem}.refresh-btn{width:100%;padding:.75rem}.users-table-container{overflow-x:auto}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.75rem .5rem}.toggle-premium-btn{padding:.4rem .75rem;font-size:.8rem}.winning-list-section{padding:1rem 1.5rem 1.5rem}.winning-list-header{flex-direction:column;align-items:stretch}.winning-list-section h3{font-size:1rem}.header-buttons-group{flex-direction:column;width:100%}.api-fetch-btn,.init-data-btn{width:100%;padding:.75rem 1rem}.winning-list{max-height:300px}.winning-item{padding:.75rem;flex-direction:column;align-items:stretch}.winning-item-header{margin-bottom:.5rem}.winning-item-numbers{gap:.4rem}.delete-winning-btn{align-self:flex-end;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;font-size:1.2rem}}.winning-check-management{padding:24px}.check-header{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap}.check-header .form-group{flex:1;min-width:200px;margin:0}.generate-check-btn{padding:12px 24px;font-size:16px;font-weight:600;white-space:nowrap}.generate-check-btn:disabled{opacity:.5;cursor:not-allowed}.check-results{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.check-results h3{margin:0 0 16px;font-size:24px;color:#1a1a2e}.check-info{background:#fff;padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.check-info p{margin:8px 0;font-size:14px;color:#555}.check-info strong{color:#1a1a2e;margin-right:8px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;padding:16px;border-radius:8px;text-align:center;border:2px solid #e0e0e0;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.highlight-1{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#fff)}.stat-card.highlight-2{border-color:silver;background:linear-gradient(135deg,#c0c0c01a,#fff)}.stat-card.highlight-3{border-color:#cd7f32;background:linear-gradient(135deg,#cd7f321a,#fff)}.stat-card.lose{opacity:.6}.stat-card .stat-label{display:block;font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.stat-card .stat-value{display:block;font-size:24px;font-weight:700;color:#1a1a2e}.winners-section{background:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.winners-section h4{margin:0 0 16px;font-size:18px;color:#1a1a2e}.winners-list{display:flex;flex-direction:column;gap:20px}.rank-group h5{margin:0 0 12px;font-size:16px;color:#5865f2;padding-bottom:8px;border-bottom:2px solid #5865f2}.rank-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rank-group li{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:6px;font-size:14px;flex-wrap:wrap}.winner-email{font-weight:600;color:#1a1a2e;min-width:150px}.winner-numbers{color:#555;flex:1;min-width:200px}.winner-match{color:#5865f2;font-weight:500;white-space:nowrap}.statistics-section{padding:1.5rem 2rem;border-top:2px solid #e0e0e0;background:#f8f9fa}.statistics-section h3{margin:0 0 .5rem;font-size:1.1rem;color:#333}.statistics-section p{margin:0 0 1rem;font-size:.9rem;color:#666}.generate-stats-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.generate-stats-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.generate-stats-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.check-header{flex-direction:column;align-items:stretch}.generate-check-btn{width:100%}.statistics-grid{grid-template-columns:repeat(2,1fr)}.rank-group li{flex-direction:column;align-items:flex-start;gap:8px}.winner-email,.winner-numbers{min-width:auto}.statistics-section{padding:1rem 1.5rem}.generate-stats-btn{width:100%}.data-management,.migrate-section{padding:1.5rem}.migrate-btn{width:100%}}.data-management{padding:24px}.data-header h3{margin:0 0 24px;font-size:1.3rem;color:#333}.migrate-section{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.migrate-section h4{margin:0 0 12px;font-size:1.1rem;color:#667eea}.migrate-description{margin:0 0 16px;font-size:.95rem;color:#666;line-height:1.6}.migrate-info{margin:0 0 24px;padding-left:1.5rem;color:#666;font-size:.9rem;line-height:1.8}.migrate-info li{margin-bottom:8px}.migrate-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.migrate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.migrate-btn:disabled{opacity:.6;cursor:not-allowed}.migrate-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.migrate-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466}.winners-view{padding:24px}.winners-header{margin-bottom:24px}.winners-info h3{font-size:24px;margin-bottom:16px;color:#333}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.info-card{background:var(--bg-secondary);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.info-label{font-size:14px;color:var(--text-secondary);font-weight:500}.info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.info-value.winning-nums{color:var(--primary-color)}.statistics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-box{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-box.total{border-color:#3b82f6}.stat-box.winners{border-color:#10b981}.stat-box.rate{border-color:#f59e0b}.stat-icon{font-size:32px}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-number{font-size:28px;font-weight:700;color:var(--text-primary)}.rank-statistics{margin-bottom:32px}.rank-statistics h4{font-size:18px;margin-bottom:16px;color:#333}.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.rank-item{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.rank-item.rank-1{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#fff)}.rank-item.rank-2{border-color:silver;background:linear-gradient(135deg,#c0c0c01a,#fff)}.rank-item.rank-3{border-color:#cd7f32;background:linear-gradient(135deg,#cd7f321a,#fff)}.rank-emoji{font-size:24px}.rank-label{font-size:14px;color:var(--text-secondary)}.rank-count{font-size:24px;font-weight:700;color:var(--text-primary)}.winners-list-section{margin-top:32px}.winners-list-section h4{font-size:18px;margin-bottom:20px;color:#333}.winners-rank-group{margin-bottom:32px;background:var(--bg-secondary);border-radius:12px;padding:20px}.winners-rank-group h5{font-size:16px;margin-bottom:16px;color:#333;display:flex;align-items:center;gap:8px}.winners-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.winner-card{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.winner-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.winners-rank-group.rank-1 .winner-card{border-color:gold}.winners-rank-group.rank-2 .winner-card{border-color:silver}.winners-rank-group.rank-3 .winner-card{border-color:#cd7f32}.winner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.winner-number{font-size:12px;color:var(--text-secondary);font-weight:600}.winner-email{font-size:14px;font-weight:500;color:var(--text-primary)}.winner-numbers-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px}.winner-method-icon{font-size:18px;flex-shrink:0;opacity:.8;cursor:help}.winner-numbers{display:flex;gap:6px;flex-wrap:wrap;flex:1}.winner-ball{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.winner-ball.match{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 10px #5865f280}.winner-ball.bonus{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.winner-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.match-info{font-weight:600;color:var(--primary-color)}.saved-date{font-size:11px}.no-winners{text-align:center;padding:48px 24px;background:var(--bg-secondary);border-radius:12px;font-size:16px;color:var(--text-secondary)}@media(max-width:768px){.winners-table,.statistics-summary{grid-template-columns:1fr}.rank-grid{grid-template-columns:repeat(2,1fr)}.info-cards{grid-template-columns:1fr}}.api-status-btn{padding:.6rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.api-status-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.api-status-btn:disabled{opacity:.6;cursor:not-allowed}.api-status-box{margin-top:1rem;padding:1rem;border-radius:12px;border-left:4px solid;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.api-status-box.online{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left-color:#4caf50}.api-status-box.abnormal{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left-color:#ff9800}.api-status-box.offline{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left-color:#f44336}.status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.status-icon{font-size:1.5rem}.status-title{font-weight:700;font-size:1rem;flex:1}.status-time{font-size:.85rem;color:#666;font-weight:600;background:#fffc;padding:.25rem .5rem;border-radius:4px}.status-details{background:#fffc;padding:.75rem;border-radius:8px;margin-bottom:.5rem;font-size:.9rem;color:#333;line-height:1.5}.status-meta{display:flex;gap:1rem;font-size:.85rem;color:#666;margin-top:.5rem}.status-meta span{background:#fff9;padding:.25rem .5rem;border-radius:4px}.import-file-label{display:inline-block;padding:.6rem 1.2rem;background:#4caf50;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .2s;margin-top:.5rem}.import-file-label:hover{background:#43a047}.import-progress-wrap{margin-top:1rem;padding:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.import-progress-header{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#333}.import-progress-pct{color:#1976d2}.import-progress-bar-bg{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.import-progress-bar-fill{height:100%;background:linear-gradient(90deg,#42a5f5,#1976d2);border-radius:6px;transition:width .3s ease}.import-progress-detail{display:flex;gap:1rem;margin-top:.5rem;font-size:.85rem}.import-success{color:#2e7d32}.import-error{color:#c62828}.import-result-box{margin-top:1rem;padding:1rem;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;font-size:.9rem;color:#1b5e20;display:flex;flex-direction:column;gap:.3rem}.import-confirm-box{margin-top:.75rem;padding:1rem;background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;font-size:.9rem;color:#333;line-height:1.6}.import-confirm-box p{margin:0 0 .75rem}.import-confirm-btns{display:flex;gap:.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.import-waiting{font-size:.82rem;color:#1976d2;margin:.4rem 0 0}:root{--primary-color: #667eea;--primary-dark: #764ba2;--success-color: #48bb78;--error-color: #f56565;--bg-color: #f7fafc;--text-color: #333;--border-color: #e0e0e0}*{box-sizing:border-box}button:focus,select:focus{outline:none}html,body,#root{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color)}#root{display:flex;flex-direction:column}.app{height:calc(100vh - 60px);display:flex;flex-direction:column;width:100%;max-width:100vw;overflow:hidden}.skip-to-content{position:absolute;left:-9999px;z-index:10001;padding:1rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 8px}.skip-to-content:focus{left:0;top:0}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{background:#fff;padding:2rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;color:var(--primary-color);box-shadow:0 10px 40px #0000004d;animation:pulse 1.5s ease-in-out infinite;text-align:center;line-height:1.5;white-space:nowrap;min-width:200px;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.main{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;overflow-y:auto;overflow-x:hidden;min-width:0;box-sizing:border-box}.content{padding:1rem;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;position:relative;transition:transform .3s ease-out,opacity .3s ease-out;padding-bottom:20px}body.has-banner-ad .content{padding-bottom:70px}@media(min-width:801px){.content{min-width:800px}}.results-container{margin-top:1rem}.results-title{text-align:center;font-size:1.3rem;color:#333;margin:1.5rem 0;font-weight:700}.footer{background:#2d3748;color:#cbd5e0;text-align:center;padding:2rem 1rem;margin-top:auto;flex-shrink:0}.footer p{margin:.5rem 0;font-size:.9rem}@media(max-width:768px){.content{padding:.5rem;padding-bottom:20px}.results-title{font-size:1.1rem}.footer{padding:.75rem .5rem;font-size:.75rem}.footer p{margin:.25rem 0;font-size:.7rem}}@media(min-width:769px){.main{margin-top:2rem}.content{padding:1.5rem}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.error-boundary-content{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.error-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px}.error-message{font-size:16px;color:#666;line-height:1.6;margin-bottom:30px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px}.error-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.error-btn-secondary{background:#f0f0f0;color:#333}.error-btn-secondary:hover{background:#e0e0e0}.error-details{margin-top:30px;text-align:left;background:#f8f8f8;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:600;color:#666;margin-bottom:12px}.error-stack{background:#fff;padding:12px;border-radius:4px;overflow-x:auto;font-size:12px;color:#d63031;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all}@media(max-width:480px){.error-boundary-content{padding:30px 20px}.error-title{font-size:20px}.error-message{font-size:14px}.error-btn{min-width:120px;font-size:14px;padding:10px 20px}}