: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:16px}#root{width:100%;max-width:420px}.container{background:#fffffff2;border-radius:20px;padding:16px;box-shadow:0 20px 40px #00000040;min-height:600px;display:flex;flex-direction:column}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;background:#f1f5f9;padding:4px;border-radius:10px;justify-content:center}.tab{padding:6px 8px;border:none;background:transparent;border-radius:6px;font-size:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.category-tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px}.category-btn{padding:8px 14px;border:none;background:#f1f5f9;border-radius:20px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s}.category-btn.active{background:#1e293b;color:#fff}.service-slider{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding:4px}.service-btn{padding:10px 18px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s}.service-btn:hover{border-color:#6366f1}.service-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.tab-content{flex:1}.title{font-size:20px;font-weight:800;color:#1a1a2e;text-align:center;margin-bottom:6px}.tab-desc{text-align:center;font-size:12px;color:#64748b;margin-bottom:14px}.input-section{width:100%;display:flex;flex-direction:column;gap:10px}.input-row{display:flex;gap:8px;width:100%}.input-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.input-group label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;background:#fff;color:#1e293b}.input-group input:focus,.input-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.input-group input::placeholder{color:#cbd5e1}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.style-button,.generate-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.style-button:hover:not(:disabled),.generate-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.style-button:disabled{opacity:.4;cursor:not-allowed}.image-upload{width:100px;height:100px;border-radius:50%;border:2px dashed #e2e8f0;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.image-upload:hover{border-color:#6366f1;background:#f8fafc}.image-upload.dragging{border-color:#6366f1;background:#eef2ff;transform:scale(1.05);border-style:solid}.profile-image{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#94a3b8;text-align:center;padding:8px}.upload-placeholder span:last-child{font-size:9px}.upload-icon{font-size:24px}.result-section{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.bmi-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.bmi-label{font-size:12px;color:#94a3b8}.bmi-value{font-size:32px;font-weight:800}.bmi-category{padding:4px 10px;border-radius:16px;color:#fff;font-size:11px;font-weight:600}.stats-row{display:flex;justify-content:center;gap:32px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{font-size:9px;color:#94a3b8;text-transform:uppercase}.stat-value{font-size:14px;font-weight:700;color:#1e293b}.style-result{margin-top:16px;padding:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid #e2e8f0}.style-result h3{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:10px}.style-result pre{font-family:inherit;font-size:12px;color:#475569;white-space:pre-wrap;line-height:1.6}.style-item{padding:12px;background:#fff;border-radius:10px;margin-bottom:8px;border:1px solid #e2e8f0}.style-item:last-child{margin-bottom:0}.style-item h4{font-size:12px;font-weight:700;color:#1e293b;margin-bottom:4px}.style-item p{font-size:11px;color:#64748b;line-height:1.4;margin-bottom:8px}.search-button{display:inline-flex;padding:6px 10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer}.lotto-header{display:flex;gap:8px;align-items:center;margin-bottom:12px}.lotto-header .generate-button{flex:1;margin-top:0}.count-selector{display:flex;align-items:center;gap:6px}.count-selector label{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap}.count-selector select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#1e293b;background:#fff;cursor:pointer}.draw-info{margin-bottom:16px;padding:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid #e2e8f0}.draw-info h3{font-size:13px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:10px}.winning-numbers{display:flex;justify-content:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.lotto-ball{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bonus{font-size:12px;color:#64748b;display:flex;align-items:center}.draw-stats{display:flex;flex-direction:column;gap:6px}.stat-box{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.stat-box .stat-label{font-size:11px;color:#64748b}.stat-box .stat-value{font-size:12px}.stat-box .stat-value.highlight{color:#ef4444}.lotto-sets{width:100%;margin:12px 0}.lotto-set{background:#fff;border-radius:10px;padding:10px;margin-bottom:8px;border:1px solid #e2e8f0}.lotto-set:last-child{margin-bottom:0}.set-label{font-size:10px;font-weight:600;color:#64748b;display:block;margin-bottom:6px}.lotto-numbers{display:flex;justify-content:center;gap:6px}.quiz-box{text-align:center;padding:20px}.quiz-question{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px}.quiz-buttons{display:flex;gap:12px;justify-content:center}.quiz-btn{padding:12px 24px;background:#fff;border:2px solid #6366f1;border-radius:10px;font-size:14px;font-weight:600;color:#6366f1;cursor:pointer;transition:all .2s}.quiz-btn:hover{background:#6366f1;color:#fff}.loading{text-align:center;padding:20px;color:#64748b}.count-textarea{width:100%;height:100px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;resize:none;margin-bottom:12px}.count-textarea:focus{outline:none;border-color:#6366f1}.count-results{display:flex;flex-direction:column;gap:8px}.count-item{display:flex;justify-content:space-between;padding:10px 12px;background:#f8fafc;border-radius:8px;font-size:12px}.count-item span{color:#64748b}.count-item strong{color:#1e293b;font-weight:600}.mode-btn{flex:1;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer}.mode-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.result-box{text-align:center;padding:16px;background:#f8fafc;border-radius:10px;margin-top:12px;font-size:14px;font-weight:600;color:#1e293b}.dice-results{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.dice{width:50px;height:50px;background:#fff;border:2px solid #1e293b;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#1e293b}.coin-result{font-size:24px;font-weight:700}.iq-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:10px;text-align:center}.footer{text-align:center;padding-top:16px;margin-top:auto;border-top:1px solid #e2e8f0}.footer p{font-size:11px;color:#94a3b8}.footer-links{margin-top:6px;display:flex;justify-content:center;gap:6px;font-size:10px}.footer-links button,.footer-links a{background:none;border:none;color:#666;cursor:pointer;font-size:10px;padding:0}.footer-links span{color:#ccc}.terms-section{margin-bottom:16px}.terms-section h2{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.terms-box{background:#f8fafc;border-radius:8px;padding:10px;margin-bottom:8px;border:1px solid #e2e8f0}.terms-box h3{font-size:11px;font-weight:600;color:#334155;margin-bottom:6px}.terms-box p{font-size:11px;color:#475569;line-height:1.5;margin-bottom:4px}.terms-box p:last-child{margin-bottom:0}.terms-box ul{margin:0;padding-left:14px}.terms-box li{font-size:11px;color:#475569;line-height:1.6}.back-button{width:100%;padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;margin-top:16px}.back-button:hover{background:#e2e8f0}.ladder-inputs{margin-bottom:12px}.ladder-inputs .input-section{flex-direction:column;gap:8px}.ladder-inputs .count-textarea{height:70px}.ladder-full{margin:16px 0}.ladder-top{display:flex;gap:4px;justify-content:space-around;margin-bottom:0}.ladder-bottom{display:flex;gap:4px;justify-content:space-around;margin-top:0}.ladder-cell{padding:8px 4px;background:#fff;border:2px solid #1e293b;border-radius:6px;font-size:11px;font-weight:700;text-align:center;min-width:50px}.ladder-cell.top{background:#6366f1;color:#fff;border-color:#6366f1}.ladder-cell.bottom{background:#22c55e;color:#fff;border-color:#22c55e}.ladder-input{padding:8px 4px;background:#fff;border:2px dashed #1e293b;border-radius:6px;font-size:11px;font-weight:700;text-align:center;min-width:50px;width:100%}.ladder-input::placeholder{color:#94a3b8}.ladder-cell.top.highlight,.ladder-cell.bottom.highlight{background:#fbbf24;border-color:#f59e0b;animation:pulse .5s}.path-result{text-align:center;padding:10px;background:#fef3c7;border-radius:8px;margin:12px 0;font-size:13px;font-weight:600;color:#92400e}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ladder-middle{position:relative;height:250px;background:#f8fafc;border:2px solid #1e293b;border-radius:8px;margin:0 10px}.ladder-v-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:#1e293b;transform:translate(-50%)}.ladder-h-line{position:absolute;height:4px;background:#ef4444;border-radius:2px;transform:translateY(-50%)}