*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;flex:1}.content-area-full{min-width:0;width:100%}.header{background:transparent;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateY(0);transition:transform .3s ease}.header-content{max-width:1200px;margin:0 auto;padding:1rem;position:relative}.hamburger{display:flex;flex-direction:column;gap:6px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.9);border-radius:10px;cursor:pointer;padding:12px 14px;position:fixed;left:1rem;top:1.5rem;z-index:999;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.hamburger:hover{background:#000000d9;border-color:#000;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.hamburger span{width:28px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease;box-shadow:0 1px 2px #0000004d}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.show{opacity:1;pointer-events:auto}.nav{position:fixed;top:0;left:-100%;height:100vh;width:70%;max-width:300px;background:#f0f0f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:80px 20px 20px;gap:0;transition:left .3s ease;box-shadow:2px 0 10px #0000001a;z-index:1000;display:flex}.nav.open{left:0}.nav a{color:#333;text-decoration:none;font-weight:500;transition:all .3s;padding:15px 20px;width:100%;text-align:left;border-radius:8px;margin-bottom:5px}.nav a:hover{background-color:#0000000d}.nav a.active{background-color:#0000001a;font-weight:600}@media(max-width:768px){.header,.header:hover{transform:translateY(0)}}.ad-banner{max-width:1200px;margin:1.5rem auto;padding:0 1rem}.ad-placeholder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;color:#666}.ad-placeholder p{margin:.5rem 0}.ad-note{font-size:.9rem;color:#888}@media(max-width:768px){.ad-banner{margin:1rem auto}.ad-placeholder{padding:1rem}}.lunar-calculator{max-width:800px;margin:0 auto;padding:20px}.conversion-type-selector{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.conversion-type-selector button{padding:12px 30px;border:2px solid #4CAF50;background-color:#fff;color:#4caf50;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.conversion-type-selector button:hover{background-color:#f0f0f0}.conversion-type-selector button.active{background-color:#4caf50;color:#fff}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#4caf50}.btn-convert,.btn-reset{flex:1;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-convert{background-color:#4caf50;color:#fff}.btn-convert:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.result-container{background-color:#e8f5e9;padding:30px;border-radius:10px;margin-bottom:30px;border-left:5px solid #4CAF50}.result-container h3{margin-top:0;margin-bottom:20px;color:#2e7d32;font-size:1.5rem}.result-content{background-color:#fff;padding:20px;border-radius:8px}.result-row{display:flex;align-items:center;padding:12px;margin-bottom:10px}.result-row.highlight{background-color:#c8e6c9;border-radius:8px;font-weight:600}.result-label{min-width:80px;font-weight:600;color:#555}.result-value{font-size:1.2rem;color:#333}.result-arrow{text-align:center;font-size:2rem;color:#4caf50;margin:10px 0}.result-extra{margin-top:15px;padding:10px;background-color:#f0f0f0;border-radius:4px;font-size:.9rem;color:#555}.result-extra div{margin-bottom:5px}.result-extra div:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;cursor:pointer}.calendar-view{margin-bottom:20px}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.calendar-navigation h3{text-align:center;color:#333;margin:0;font-size:1.3rem;flex:1}.calendar-navigation .nav-btn{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-navigation .nav-btn:hover{background-color:#45a049;transform:scale(1.1);box-shadow:0 2px 8px #4caf504d}.calendar-navigation .nav-btn:active{transform:scale(.95)}.calendar-view h3{text-align:center;color:#333;margin-bottom:15px;font-size:1.3rem}.calendar{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.day-name{text-align:center;font-weight:600;padding:8px;color:#333;font-size:.9rem}.day-name.sunday{color:#e74c3c}.day-name.saturday{color:#3498db}.calendar-body{display:flex;flex-direction:column;gap:5px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;font-size:.95rem;transition:all .2s ease;cursor:default}.calendar-day:not(.empty){background-color:#f8f9fa}.calendar-day.sunday{color:#e74c3c}.calendar-day.saturday{color:#3498db}.calendar-day.selected{background-color:#4caf50;color:#fff;font-weight:600;transform:scale(1.1);box-shadow:0 2px 8px #4caf5066}.calendar-day.empty{background-color:transparent}.info-item h4{color:#4caf50;margin-top:0;margin-bottom:10px;font-size:1.2rem}@media(max-width:768px){.lunar-calculator{padding:15px}.calculator-header h2{font-size:1.5rem}.conversion-type-selector{flex-direction:column}.conversion-type-selector button{width:100%}.calculator-form{padding:20px}.button-group{flex-direction:column}.form-row,.info-content{grid-template-columns:1fr}.result-value{font-size:1rem}.calendar-day{font-size:.85rem;padding:6px}.day-name{font-size:.8rem;padding:6px}}@media(max-width:480px){.calculator-header h2{font-size:1.3rem}.calculator-form{padding:15px}.result-container,.info-section{padding:20px}.calendar-day,.day-name{font-size:.75rem;padding:4px}.calendar{padding:10px}}.yearly-results-container{background-color:#fff3e0;padding:30px;border-radius:10px;margin-top:30px;border-left:5px solid #ff9800}.yearly-results-container h3{margin-top:0;margin-bottom:20px;color:#e65100;font-size:1.5rem}.yearly-results-list{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.yearly-result-item{display:flex;align-items:center;padding:12px;margin-bottom:10px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.yearly-result-item:last-child{border-bottom:none;margin-bottom:0}.yearly-result-item:hover{background-color:#fff8e1}.yearly-result-item .year-label{min-width:80px;font-weight:600;color:#ff9800;font-size:1rem}.yearly-result-item .arrow{margin:0 15px;color:#ff9800;font-size:1.2rem}.yearly-result-item .solar-date{font-size:1.1rem;color:#333}.yearly-results-seo-content{background-color:#fff;padding:20px;border-radius:8px;line-height:1.8}.yearly-results-seo-content p{margin:0 0 15px;color:#555}.yearly-results-seo-content p:last-child{margin-bottom:0}@media(max-width:768px){.yearly-results-container{padding:20px}.yearly-result-item{flex-direction:column;align-items:flex-start;gap:5px}.yearly-result-item .arrow{margin:0;transform:rotate(90deg)}.yearly-result-item .year-label,.yearly-result-item .solar-date{font-size:.95rem}}@media(max-width:480px){.yearly-results-container h3{font-size:1.2rem}.yearly-results-list,.yearly-results-seo-content{padding:15px}}.installment-calculator{max-width:1000px;margin:0 auto;padding:20px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3}.form-group select{cursor:pointer}.year-buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.year-buttons button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500}.year-buttons button:hover{background-color:#2196f3;color:#fff;border-color:#2196f3;transform:translateY(-1px)}.year-buttons button:active{transform:translateY(0)}.button-group{display:flex;gap:10px;margin-top:20px}.btn-calculate,.btn-reset{flex:1;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-calculate{background-color:#2196f3;color:#fff}.btn-calculate:hover{background-color:#0b7dda;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.btn-reset{background-color:#f44336;color:#fff}.btn-reset:hover{background-color:#da190b;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.saved-calculations{background-color:#f0f7ff;padding:20px;border-radius:10px;margin-bottom:30px;border-left:4px solid #2196F3}.saved-calculations h3{margin-top:0;margin-bottom:15px;color:#1565c0;font-size:1.2rem}.saved-list{display:flex;flex-wrap:wrap;gap:10px}.saved-item{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.saved-name{cursor:pointer;color:#2196f3;font-weight:500;transition:color .2s}.saved-name:hover{color:#0b7dda;text-decoration:underline}.btn-delete-small{background:none;border:none;color:#f44336;cursor:pointer;font-size:1.2rem;padding:0 4px;line-height:1;transition:color .2s}.btn-delete-small:hover{color:#da190b}.save-calculation-section{background-color:#fff9e6;padding:20px;border-radius:10px;margin-bottom:30px;display:flex;gap:15px;align-items:flex-end}.save-calculation-section .form-group{flex:1;margin-bottom:0}.btn-save{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-save:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.summary-container{background-color:#e3f2fd;padding:30px;border-radius:10px;margin-bottom:30px;border-left:5px solid #2196F3}.warning-message{margin-top:20px;padding:15px 20px;background-color:#fff3f3;border:2px solid #ff4444;border-radius:8px;color:#c00;font-size:.95rem;font-weight:600;line-height:1.5;text-align:center}.summary-container h3{margin-top:0;margin-bottom:20px;color:#1565c0;font-size:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-item{background-color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.summary-label{font-size:.9rem;color:#666;font-weight:500}.summary-value{font-size:1.3rem;color:#333;font-weight:700}.summary-value.highlight{color:#2196f3;font-size:1.5rem}.summary-value.interest{color:#f44336}.schedule-container{background-color:#f5f5f5;padding:30px;border-radius:10px}.schedule-container h3{margin-top:0;margin-bottom:20px;color:#333;font-size:1.5rem}.schedule-table-wrapper{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.schedule-table{width:100%;border-collapse:collapse;min-width:600px}.schedule-table thead{background-color:#2196f3;color:#fff}.schedule-table th{padding:15px;text-align:center;font-weight:600;font-size:.95rem}.schedule-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.schedule-table tbody tr:hover{background-color:#f5f5f5}.schedule-table tbody tr:last-child{background-color:#fff3cd;font-weight:600}.schedule-table td{padding:12px 15px;font-size:.95rem}.schedule-table td:first-child{text-align:center;font-weight:600;color:#2196f3}.schedule-table td.amount{text-align:right;font-family:Courier New,monospace}.schedule-table td.interest-cell{color:#f44336}.schedule-table td.balance-cell{color:#4caf50;font-weight:600}.schedule-table tbody tr.grace-period-row{background-color:#fff9e6}.schedule-table tbody tr.grace-period-row:hover{background-color:#fff3cc}.grace-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#ff9800;color:#fff;font-size:.75rem;border-radius:12px;font-weight:600}@media(max-width:968px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.installment-calculator{padding:15px}.calculator-header h2{font-size:1.5rem}.calculator-form{padding:20px}.summary-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.schedule-table-wrapper{overflow-x:scroll}.summary-value{font-size:1.1rem}.summary-value.highlight{font-size:1.3rem}}@media(max-width:480px){.calculator-header h2{font-size:1.3rem}.calculator-form{padding:15px}.summary-container,.schedule-container{padding:20px}.schedule-table th,.schedule-table td{padding:10px 8px;font-size:.85rem}.info-section{padding:20px}.info-content{grid-template-columns:1fr}}.info-item h4{color:#2196f3;margin-top:0;margin-bottom:10px;font-size:1.2rem}.lotto-checker{max-width:900px;margin:0 auto;padding:20px}.calculator-header{text-align:center;margin-bottom:30px}.calculator-header h2{font-size:2rem;color:#333;margin-bottom:10px}.calculator-header p{color:#666;font-size:1rem}.calculator-form{background-color:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.round-input-group{display:flex;gap:10px}.round-input-group input{flex:1;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.round-input-group input:focus{outline:none;border-color:#ff6b6b}.btn-search{padding:12px 30px;background-color:#ff6b6b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-search:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.quick-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-quick{flex:1;min-width:100px;padding:10px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500}.btn-quick:hover{background-color:#ff6b6b;color:#fff;border-color:#ff6b6b;transform:translateY(-1px)}.loading,.error-message{text-align:center;padding:30px;background-color:#f5f5f5;border-radius:10px;margin-bottom:20px}.error-message{background-color:#fff3f3;color:#c00;border:2px solid #ff4444}.result-container{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.result-container h3{text-align:center;font-size:1.8rem;color:#333;margin-bottom:10px}.draw-date{text-align:center;color:#666;font-size:1rem;margin-bottom:30px}.winning-numbers{background:transparent;padding:20px 10px;border-radius:15px;margin-bottom:0}.numbers{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.ball{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #0000004d;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ball-yellow{background:linear-gradient(135deg,gold,#ffed4e)}.ball-blue{background:linear-gradient(135deg,#4a90e2,#357abd)}.ball-red{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.ball-gray{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.ball-green{background:linear-gradient(135deg,#26de81,#20bf6b)}.ball.bonus{border:3px solid #fff}.plus{font-size:2rem;color:#fff;font-weight:300}.prize-info{margin-top:30px}.prize-info h4{font-size:1.3rem;color:#333;margin-bottom:20px;text-align:center}.prize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.prize-item{background-color:#f8f9fa;padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s ease}.prize-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.prize-rank{font-size:1.1rem;font-weight:700;color:#ff6b6b}.prize-winners{font-size:.9rem;color:#666}.prize-amount{font-size:1rem;font-weight:600;color:#333}@media(max-width:768px){.lotto-checker{padding:15px}.calculator-header h2{font-size:1.5rem}.calculator-form{padding:20px}.ball{width:50px;height:50px;font-size:1.2rem}.quick-buttons{flex-direction:column}.btn-quick{min-width:100%}.prize-grid{grid-template-columns:1fr}}@media(max-width:480px){.calculator-header h2{font-size:1.3rem}.calculator-form{padding:15px}.ball{width:45px;height:45px;font-size:1.1rem}.numbers{gap:10px}}.mode-selector{display:flex;gap:10px;margin-bottom:25px}.mode-btn{flex:1;padding:12px 20px;background-color:#f0f0f0;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666}.mode-btn.active{background-color:#ff6b6b;color:#fff;border-color:#ff6b6b}.mode-btn:hover:not(.active){background-color:#e8e8e8;border-color:#ccc}.auto-mode{display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:20px}.birthday-option{width:100%;max-width:500px}.birthday-option label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:1rem}.birthday-hint{display:block;font-size:.85rem;font-weight:400;color:#666;margin-top:4px;line-height:1.4}.birthday-input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.birthday-input:focus{outline:none;border-color:#667eea}.btn-generate{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.manual-mode{margin-top:20px}.selected-count{text-align:center;font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:15px}.auto-fill-hint{font-size:.9rem;font-weight:400;color:#888}.selected-preview{background-color:#f5f7fa;padding:20px;border-radius:10px;margin-bottom:20px}.preview-numbers{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;min-height:60px}.ball-preview{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #0003}.ball-preview.ball-yellow{background:linear-gradient(135deg,gold,#ffed4e)}.ball-preview.ball-blue{background:linear-gradient(135deg,#4a90e2,#357abd)}.ball-preview.ball-red{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.ball-preview.ball-gray{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.ball-preview.ball-green{background:linear-gradient(135deg,#26de81,#20bf6b)}.number-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-bottom:20px}.number-btn{aspect-ratio:1;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#333}.number-btn:hover{transform:scale(1.05);border-color:#667eea}.number-btn.selected{color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 4px 12px #0003}.number-btn.selected.ball-yellow{background:linear-gradient(135deg,gold,#ffed4e)}.number-btn.selected.ball-blue{background:linear-gradient(135deg,#4a90e2,#357abd)}.number-btn.selected.ball-red{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.number-btn.selected.ball-gray{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.number-btn.selected.ball-green{background:linear-gradient(135deg,#26de81,#20bf6b)}.manual-buttons{display:flex;gap:10px}.btn-clear{flex:1;padding:12px 20px;background-color:#95a5a6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clear:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn-save{padding:10px 24px;background-color:#26de81;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-save:hover{background-color:#20bf6b;transform:translateY(-2px);box-shadow:0 4px 12px #26de814d}.generated-set{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background-color:#f9f9f9;border-radius:10px;margin-bottom:15px}.generated-set .winning-numbers{flex:1;padding:20px 10px;margin:0}.saved-sets{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:30px}.saved-sets h3{text-align:center;font-size:1.5rem;color:#333;margin-bottom:20px}.saved-set{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f9f9f9;border-radius:10px;margin-bottom:15px}.saved-numbers{display:flex;gap:10px;flex-wrap:wrap}.ball-small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0003}.btn-delete{padding:8px 16px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background-color:#ee5a52;transform:translateY(-1px)}@media(max-width:768px){.number-grid{grid-template-columns:repeat(7,1fr);gap:6px}.number-btn{font-size:.9rem;padding:8px}.generated-set{flex-direction:column;gap:10px}.generated-set .btn-save{width:100%}.saved-set{flex-direction:column;gap:15px}.saved-numbers{justify-content:center}}@media(max-width:480px){.number-grid{grid-template-columns:repeat(5,1fr);gap:5px}.number-btn{font-size:.85rem;padding:6px}.ball-small{width:35px;height:35px;font-size:.9rem}.info-section{padding:20px}.info-content{grid-template-columns:1fr}}.info-section{background-color:#f5f5f5;padding:30px;border-radius:10px;margin-top:30px}.info-section h3{color:#333;margin-top:0;margin-bottom:20px;font-size:1.5rem}.info-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.info-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.info-item h4{color:#667eea;margin-top:0;margin-bottom:10px;font-size:1.2rem}.info-item p{color:#666;line-height:1.6;margin:0}.tips{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.tips h4{color:#ff9800;margin-top:0;margin-bottom:15px;font-size:1.2rem}.tips ul{margin:0;padding-left:20px;color:#666;line-height:1.8}.tips li{margin-bottom:8px}@media(max-width:768px){.info-content{grid-template-columns:1fr}}