@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;direction:rtl}html,body{direction:rtl;text-align:right}body{font-family:Estedad,sans-serif;background:#fafafa;color:#1a1a1a;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow-x:hidden}.container{width:100%;max-width:480px}#introScreen{animation:fadeIn .7s ease-out}.intro-wrapper{background:#fff;border-radius:24px;padding:48px 32px 40px;border:1px solid #afafaf85;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center}.intro-header{margin-bottom:32px}.intro-line{width:40px;height:2px;background:#000;margin-bottom:16px;border-radius:1px}.intro-title{font-size:15px;font-weight:700;margin-bottom:12px;line-height:1.2;font-family:Estedad,sans-serif;font-weight:500;word-spacing:-1.4rem}.intro-subtitle{font-size:13px;color:#464646;line-height:1.7;text-align:justify;word-spacing:-.1rem;margin-bottom:28px;font-family:Estedad,sans-serif;font-weight:400}.intro-benefits{background:#f8f8f8;border-radius:16px;padding:20px;margin-bottom:28px;border:1px solid #f0f0f0}.svg-wrapper{position:absolute;z-index:-999;width:100%;height:100vh;overflow:hidden}.countries{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(60%);opacity:.2;z-index:-1;display:block;pointer-events:none}.benefit-item{display:flex;gap:12px;margin-bottom:12px;font-size:13px;color:#333;align-items:flex-start;font-family:Estedad,sans-serif}.benefit-item:last-child{margin-bottom:0}.benefit-check{width:20px;height:20px;background:#000;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.benefit-text{line-height:1.5;margin-top:1px;font-family:Estedad,sans-serif}.start-btn{width:100%;padding:16px;background:#000;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px;margin-bottom:12px;font-family:Estedad,sans-serif}.start-btn:hover{background:#1a1a1a;box-shadow:0 8px 20px #0000001f}.start-btn:active{transform:scale(.98)}.intro-disclaimer{font-size:13px;color:#4d4d4d;text-align:center;line-height:1.6;font-family:Estedad,sans-serif}.quiz-wrapper{display:none}.quiz-wrapper.active{display:block;animation:slideUp .5s ease-out}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:0 4px}.quiz-counter{font-size:13px;color:#999;font-weight:500;font-family:Estedad,sans-serif}.quiz-counter strong{color:#000;font-weight:600;font-family:Estedad,sans-serif}.progress-bar-container{flex:1;height:2px;background:#000000e8;margin:0 16px;border-radius:1px;overflow:hidden}.progress-bar{height:100%;background-color:#000;width:7%;border-radius:1px;transition:width .5s cubic-bezier(.25,.46,.45,.94)}.question-block{background:#fff;border-radius:20px;padding:32px 24px;margin-bottom:28px;box-shadow:0 2px 20px #0000000f;border:1px solid #afafaf85}.question-text{font-size:20px;font-weight:600;margin-bottom:28px;line-height:1.5;letter-spacing:-.2px;font-family:Estedad,sans-serif}.options{display:flex;flex-direction:column;gap:12px}.option{padding:16px 14px;background:#f8f8f8;border:1.5px solid #e8e8e8;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#333;text-align:right;font-family:Estedad,sans-serif}.option:hover{border-color:#000;background:#fff;transform:translate(-2px)}.option.selected{background:#000;border-color:#000;color:#fff}.controls{display:flex;gap:12px;margin-bottom:20px}.btn{flex:1;padding:12px;border:1.5px solid #000;background:#fff;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#000;font-family:Estedad,sans-serif}.btn:hover{background:#000;color:#fff}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.8;cursor:not-allowed}#resultScreen{display:none}#resultScreen.active{display:block;animation:fadeIn .6s ease-out}.result-wrapper{background:#fff;border-radius:24px;padding:40px 28px;box-shadow:0 2px 20px #0000000f;border:1px solid #afafaf85}.result-header{text-align:center;margin-bottom:32px}.result-image{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center;margin:0 auto 20px;border:2px solid #e8e8e8;box-shadow:0 8px 24px #00000014;display:block;animation:popIn .6s cubic-bezier(.34,1.56,.64,1)}.result-name{font-size:26px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px;font-family:Estedad,sans-serif}.result-title{font-size:13px;color:#999;font-weight:500;margin-bottom:24px;font-family:Estedad,sans-serif}.match-container{background:#f8f8f8;border-radius:16px;padding:24px;margin-bottom:28px;border:1px solid #f0f0f0;text-align:center}.match-score{font-size:44px;font-weight:700;margin-bottom:6px;letter-spacing:-1px;font-family:Estedad,sans-serif}.match-label{font-size:12px;color:#3a3a3a;font-weight:500;letter-spacing:.2px;font-family:Estedad,sans-serif}.result-description{font-size:14px;line-height:1.8;color:#333;background:#f8f8f8;border-radius:12px;padding:16px;border:1px solid #f0f0f0;margin-bottom:24px;text-align:right;font-family:Estedad,sans-serif}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.trait-item{background:#f8f8f8;border-radius:12px;padding:14px;border:1px solid #f0f0f0;text-align:center;transition:all .3s ease}.trait-item:hover{border-color:#000;background:#fff}.trait-name{font-size:11px;color:#999;margin-bottom:8px;font-weight:600;font-family:Estedad,sans-serif}.trait-bar{height:3px;background:#e8e8e8;border-radius:2px;margin-bottom:8px;overflow:hidden}.trait-fill{height:100%;background:#000;border-radius:2px;animation:fillBar .8s ease-out forwards;width:0}@keyframes fillBar{to{width:var(--fill-width, 75%)}}.trait-score{font-size:11px;font-weight:700;color:#1a1a1a;font-family:Estedad,sans-serif}.result-detail{background:#f8f8f8;border-radius:12px;padding:14px;border:1px solid #f0f0f0;margin-bottom:24px}.detail-label{font-size:11px;color:#999;margin-bottom:6px;font-weight:600;font-family:Estedad,sans-serif}.detail-value{font-size:13px;color:#1a1a1a;font-weight:600;font-family:Estedad,sans-serif}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif}.action-btn:hover{background:#1a1a1a;box-shadow:0 8px 20px #0000001f}.action-btn:active{transform:scale(.96)}.action-btn.secondary{background:#fff;color:#000;border:1.5px solid #000}.action-btn.secondary:hover{background:#000;color:#fff}.hidden{display:none!important}@media(max-width:480px){.intro-wrapper{padding:40px 20px 32px}.intro-title{font-size:20px}.question-text{font-size:18px}.question-block{padding:24px 18px}.result-wrapper{padding:32px 20px}.result-name{font-size:24px}.match-score{font-size:38px}.traits-grid{grid-template-columns:1fr}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease}.modal.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;max-width:400px;width:90%;box-shadow:0 8px 40px #0000004d;color:#fff;text-align:center}.close-btn{position:absolute;top:10px;left:15px;cursor:pointer;font-size:22px;color:#fff;opacity:.8;transition:.2s}.close-btn:hover{opacity:1}.download-btn{margin-top:15px;background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:16px;transition:.3s}.download-btn:hover{background:#1b7cd8}#previewContainer{background:#fff;border-radius:15px;padding:10px;color:#000;overflow:hidden}.question-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px}.question-text-with-icon{flex:1;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.2px;word-spacing:-.1rem;line-height:2rem;width:100%;font-family:Estedad,sans-serif}.question-info-btn{width:28px;height:28px;min-width:28px;background:#e6e6e6;border:1.5px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;color:#666;transition:all .3s ease;font-family:Vazirmatn,sans-serif;margin-top:2px}.question-info-btn:hover{background:#000;color:#fff;border-color:#000;transform:scale(1.05)}.question-info-btn:active{transform:scale(.95)}.question-tooltip{background:#e0e0e0;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;margin-bottom:8px;font-size:13px;line-height:1.7;color:#555;font-family:Vazirmatn,sans-serif;display:none;animation:slideDown .3s ease-out}.question-tooltip.active{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{font-weight:600;color:#333;margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:6px}.tooltip-title:before{content:"💡";font-size:14px}.tooltip-text{color:#666;line-height:1.6}.personality-chart-container{margin-top:32px;margin-bottom:32px}.chart-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;color:#1a1a1a;font-family:Estedad,sans-serif}.chart-wrapper{background:#fff;border-radius:16px;padding:24px;border:1px solid #f0f0f0;box-shadow:0 2px 12px #0000000a;position:relative;max-width:400px;margin:0 auto}.chart-wrapper canvas{max-height:300px;width:100%!important;height:auto!important}@media(max-width:480px){.chart-wrapper{padding:16px}.chart-wrapper canvas{max-height:250px}.chart-title{font-size:16px}}.download-preview{position:fixed;top:-9999px;left:-9999px;width:600px;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:24px;z-index:-1}.download-preview .preview-content{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 20px 60px #0000004d}.download-preview .preview-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.download-preview .preview-logo{font-size:14px;color:#999;margin-bottom:16px;font-weight:500;letter-spacing:1px}.download-preview .preview-name{font-size:32px;font-weight:700;margin-bottom:8px;color:#1a1a1a;font-family:Estedad,sans-serif}.download-preview .preview-title{font-size:14px;color:#666;font-weight:500;font-family:Estedad,sans-serif}.download-preview .preview-match{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:20px;text-align:center;margin-bottom:24px}.download-preview .preview-match-score{font-size:48px;font-weight:700;margin-bottom:4px;font-family:Estedad,sans-serif}.download-preview .preview-match-label{font-size:13px;opacity:.9;font-weight:500;font-family:Estedad,sans-serif}.download-preview .preview-description{font-size:15px;line-height:1.8;color:#444;background:#f8f8f8;border-radius:12px;padding:16px;margin-bottom:24px;text-align:right;font-family:Estedad,sans-serif}.download-preview .preview-traits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.download-preview .preview-trait-item{background:#f8f8f8;border-radius:12px;padding:12px;text-align:center}.download-preview .preview-trait-name{font-size:12px;color:#666;margin-bottom:8px;font-weight:600;font-family:Estedad,sans-serif}.download-preview .preview-trait-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:6px}.download-preview .preview-trait-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.download-preview .preview-trait-score{font-size:11px;font-weight:700;color:#333;font-family:Estedad,sans-serif}.download-preview .preview-footer{text-align:center;padding-top:20px;border-top:2px solid #f0f0f0}.download-preview .preview-footer-text{font-size:13px;color:#999;font-weight:500;font-family:Estedad,sans-serif}.download-preview .preview-footer-url{font-size:12px;color:#667eea;font-weight:600;margin-top:4px;font-family:Estedad,sans-serif}.prediction-gauge{background:#e2e2e2;border-radius:16px;padding:16px 20px;margin-bottom:24px;border:1px solid #f0f0f0;box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.gauge-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.gauge-icon{font-size:16px}.gauge-label{font-size:12px;font-weight:600;color:#141414;font-family:Estedad,sans-serif}.gauge-content{min-height:60px}.gauge-placeholder{display:flex;align-items:center;justify-content:center;min-height:60px;color:#999;font-size:12px;text-align:center;font-family:Estedad,sans-serif;line-height:1.5}.gauge-predictions{display:flex;flex-direction:column;gap:10px}.prediction-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f8f8;border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.prediction-item:hover{background:#f0f0f0;transform:translate(-2px)}.prediction-rank{font-size:14px;font-weight:700;color:#999;font-family:Estedad,sans-serif;min-width:20px}.prediction-item:first-child .prediction-rank{color:#000}.prediction-info{flex:1;min-width:0}.prediction-name{font-size:13px;font-weight:600;color:#1a1a1a;font-family:Estedad,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-title{font-size:10px;color:#999;font-family:Estedad,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.prediction-bar-container{position:relative;width:60px;height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.prediction-bar{height:100%;background:linear-gradient(90deg,#131313,#3f3f3f);border-radius:3px;transition:width .5s ease-out;box-shadow:inset 0 1px 3px #0006}.prediction-item:first-child .prediction-bar{background:linear-gradient(90deg,#4b4b4b,#6a6a6a)}.prediction-percent{font-size:11px;font-weight:700;color:#131313;font-family:Estedad,sans-serif;min-width:35px;text-align:left}.prediction-item:first-child .prediction-percent{color:#000}.prediction-item{animation:slideInPrediction .4s ease-out backwards}.prediction-item:nth-child(1){animation-delay:.1s}.prediction-item:nth-child(2){animation-delay:.15s}.prediction-item:nth-child(3){animation-delay:.2s}@keyframes slideInPrediction{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.prediction-item:first-child{animation:slideInPrediction .4s ease-out backwards,pulseBorder 2s ease-in-out infinite}@keyframes pulseBorder{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 4px #667eea1a}}@media(max-width:480px){.intro-title>h1{font-size:32px;text-align:center}.prediction-gauge{padding:14px 16px}.prediction-name{font-size:12px}.prediction-title{font-size:9px}.prediction-bar-container{width:50px}.prediction-percent{font-size:10px;min-width:30px}}.intro-slides{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;overflow:hidden}.slide-background{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;transition:background .5s ease}.slide-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000001a;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:.7px solid rgba(24,24,24,.2)}.slide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.skip-btn{background:transparent;border:1.5px solid rgba(0,0,0,.1);color:#666;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif}.skip-btn:hover{background:#0000000d;border-color:#0003}.slide-indicators{display:flex;gap:8px}.indicator{width:8px;height:8px;border-radius:50%;background:#0000001a;cursor:pointer;transition:all .3s ease}.indicator.active{background:#000;transform:scale(1.2)}.slide-main{text-align:center;margin:40px 0}.slide-emoji{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slide-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#1a1a1a;line-height:1.3}.slide-subtitle{font-size:18px;color:#666;margin-bottom:16px;font-weight:500}.slide-description{font-size:15px;color:#666;line-height:1.7;max-width:400px;margin:0 auto}.slide-footer{margin-top:40px}.progress-bar-container{height:3px;background:#0000001a;border-radius:2px;overflow:hidden;margin-bottom:24px}.progress-fill{height:100%;background:#000;border-radius:2px;transition:width .1s linear}.slide-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}.nav-btn{background:transparent;border:1.5px solid rgba(0,0,0,.1);color:#666;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-family:Estedad,sans-serif}.nav-btn:hover:not(:disabled){background:#0000000d;border-color:#0003}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{background:#000;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;font-family:Estedad,sans-serif;box-shadow:0 4px 20px #00000026}.next-btn:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 30px #0003}@media(max-width:768px){.slide-content{padding:30px 20px;margin:20px;border-radius:24px}.slide-emoji{font-size:60px}.slide-title{font-size:24px}.slide-subtitle{font-size:16px}.slide-description{font-size:14px}.nav-btn,.next-btn{padding:10px 20px;font-size:13px}.next-btn{min-width:120px}}@media(max-width:480px){.slide-background{padding:10px}.slide-content{padding:24px 16px;margin:10px}.slide-header{margin-bottom:30px}.slide-main{margin:30px 0}.slide-emoji{font-size:50px}.slide-title{font-size:22px}.slide-controls{flex-direction:column;gap:12px}.nav-btn,.next-btn{width:100%;justify-content:center}}.changelog-modal{position:fixed;top:0;right:0;width:100%;height:100%;z-index:99999;display:flex;justify-content:center;align-items:center;padding:20px;pointer-events:none}.changelog-modal:not(.closing){pointer-events:all}.changelog-overlay{position:absolute;top:0;right:0;width:100%;height:100%;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.changelog-modal.closing .changelog-overlay{animation:fadeOutOverlay .3s ease forwards}@keyframes fadeOutOverlay{0%{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.changelog-content{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000040;z-index:1;border:1px solid #afafaf85}.changelog-content.slide-in{animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1)}.changelog-content.slide-out{animation:slideOutModal .3s ease forwards}@keyframes slideInModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutModal{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.changelog-close{position:absolute;top:20px;left:20px;background:transparent;border:none;font-size:22px;color:#666;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Estedad,sans-serif;z-index:2}.changelog-close:hover{background:#0000000d;color:#000;transform:scale(1.1)}.changelog-close:active{transform:scale(.95)}.changelog-header{margin-bottom:28px;text-align:center}.changelog-title-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.changelog-title-wrapper h3{font-size:26px;font-weight:700;margin:0;color:#1a1a1a;font-family:Estedad,sans-serif;line-height:1.3}.changelog-version{font-size:14px;color:#666;background:#0000000d;padding:8px 20px;border-radius:20px;font-weight:500;font-family:Estedad,sans-serif;letter-spacing:.5px}.changelog-body{margin-bottom:28px}.changelog-date{text-align:center;margin-bottom:24px;padding:14px;background:#00000008;border-radius:14px;font-size:14px;color:#666;font-family:Estedad,sans-serif;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;gap:8px}.changelog-list{display:flex;flex-direction:column;gap:16px}.changelog-item{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;opacity:0;animation:slideInItem .5s ease-out forwards}.changelog-item:hover{transform:translate(-4px);border-color:#0003;box-shadow:0 6px 24px #00000014}.changelog-item.new{border-right:4px solid #2196f3}.changelog-item.improved{border-right:4px solid #4caf50}.changelog-item.fixed{border-right:4px solid #ff9800}@keyframes slideInItem{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.changelog-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000a;border-radius:50%;flex-shrink:0;transition:background .3s ease}.changelog-item:hover .changelog-icon{background:#00000014}.changelog-text{font-size:15px;line-height:1.7;color:#333;flex:1;padding-top:4px;font-family:Estedad,sans-serif}.changelog-footer{margin-top:8px}.changelog-confirm{width:100%;padding:18px;background:#000;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px}.changelog-confirm:hover{background:#1a1a1a;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.changelog-confirm:active{transform:translateY(0);box-shadow:0 4px 16px #00000026}@media(max-width:768px){.changelog-modal{padding:16px}.changelog-content{padding:28px;max-width:90%}.changelog-title-wrapper h3{font-size:24px}.changelog-item{padding:16px;gap:12px}.changelog-text{font-size:14px}.changelog-confirm{padding:16px;font-size:15px}}@media(max-width:480px){.changelog-modal{padding:12px}.changelog-content{padding:24px 20px;border-radius:20px}.changelog-close{top:16px;left:16px;width:36px;height:36px;font-size:20px}.changelog-title-wrapper h3{font-size:22px}.changelog-version{font-size:13px;padding:6px 16px}.changelog-date{padding:12px;font-size:13px}.changelog-list{gap:14px}.changelog-item{padding:14px;border-radius:14px}.changelog-icon{width:36px;height:36px;font-size:20px}.changelog-confirm{padding:15px;font-size:14px;border-radius:12px}}.advanced-bottom-navigation{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:500px;z-index:1000}.nav-container{position:relative}.nav-backdrop{position:absolute;inset:0;background:#ffffffbf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #0000000d}.nav-items{position:relative;display:flex;padding:14px 20px;border-radius:24px;z-index:1}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:10px 6px;border-radius:18px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;min-height:60px;font-family:Estedad,sans-serif;overflow:hidden;outline:none}.nav-item:hover{background:#0000000a;transform:translateY(-3px)}.nav-item.active{background:#ffffffe6;box-shadow:0 6px 20px #0000001a,0 2px 8px #0000000f,inset 0 1px #fffc;transform:translateY(-4px)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:6px}.nav-icon{font-size:22px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.nav-item.active .nav-icon{transform:scale(1.15);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.active-indicator{position:absolute;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.08;animation:indicatorPulse 3s ease-in-out infinite}@keyframes indicatorPulse{0%,to{transform:scale(.9);opacity:.08}50%{transform:scale(1.1);opacity:.12}}.nav-label{font-size:11px;color:#333;opacity:.8;transition:all .3s ease;font-weight:500;letter-spacing:-.3px;line-height:1.3;text-align:center}.nav-item.active .nav-label{opacity:1;font-weight:600;color:#000}.ripple{position:absolute;border-radius:50%;background:#0000001a;transform:scale(0);animation:rippleAnimation .6s linear;pointer-events:none}@media(max-width:768px){.advanced-bottom-navigation{width:calc(100% - 32px);bottom:16px}.nav-items{padding:12px 16px}.nav-item{min-height:56px;padding:8px 4px}.nav-icon-wrapper{width:40px;height:40px}.nav-icon{font-size:20px}}@media(max-width:480px){.advanced-bottom-navigation{width:calc(100% - 24px);bottom:12px}.nav-items{padding:10px 12px}.nav-item{min-height:52px;padding:6px 3px}.nav-icon-wrapper{width:36px;height:36px}.nav-icon{font-size:18px}.nav-label{font-size:10px}}.settings-header{padding:32px;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.icon-button{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666;font-family:Estedad,sans-serif}.settings-grid{padding:32px;display:flex;flex-direction:column;gap:24px;flex:1}.setting-title{font-size:18px;font-weight:600;margin-bottom:4px;color:#1a1a1a;font-family:Estedad,sans-serif}.setting-description{font-size:13px;color:#666;line-height:1.4;font-family:Estedad,sans-serif}.option-name{font-size:15px;font-weight:500;color:#1a1a1a;font-family:Estedad,sans-serif}.option-hint{font-size:12px;color:#888;font-family:Estedad,sans-serif}.toggle{width:52px;height:28px;background:#e8e8e8;border-radius:14px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0;border:none}.theme-options{display:flex;gap:8px;width:100%}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:13px;border:none}.theme-option:hover{border-color:#000;color:#000;background:#f8f8f8}.theme-option.active{background:#000;border-color:#000;color:#fff}.theme-option svg{stroke:currentColor}.font-options{display:flex;gap:8px;width:100%}.font-option{flex:1;padding:12px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:space-between;border:none}.font-option:hover{border-color:#000;color:#000;background:#f8f8f8}.font-option.active{background:#000;border-color:#000;color:#fff}.size-options{display:flex;gap:8px;width:100%}.size-option{flex:1;padding:12px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:13px;text-align:center;border:none}.size-option:hover{border-color:#000;color:#000;background:#f8f8f8}.size-option.active{background:#000;border-color:#000;color:#fff}.volume-slider{display:flex;align-items:center;gap:16px;width:100%}.slider{flex:1;height:4px;background:#e8e8e8;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#000;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.volume-value{font-size:12px;color:#666;min-width:40px;text-align:center;font-family:Estedad,sans-serif}.test-button{padding:8px 16px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:12px;margin-top:8px;border:none}.version-label{font-size:14px;color:#666;font-family:Estedad,sans-serif}.version-badge{font-size:14px;font-weight:600;padding:4px 12px;background:#000;color:#fff;border-radius:20px;font-family:Estedad,sans-serif}.date-label{font-size:13px;color:#888;font-family:Estedad,sans-serif}.date-value{font-size:13px;font-weight:500;color:#1a1a1a;font-family:Estedad,sans-serif}.changelog-preview h4{font-size:15px;font-weight:600;margin-bottom:16px;color:#1a1a1a;font-family:Estedad,sans-serif}.changelog-text{font-size:13px;color:#444;line-height:1.5;flex:1;font-family:Estedad,sans-serif}.app-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-label{font-size:12px;color:#888;font-family:Estedad,sans-serif}.info-value{font-size:14px;font-weight:500;color:#1a1a1a;font-family:Estedad,sans-serif}.confirmation-buttons{display:flex;gap:12px;margin-top:16px}.confirm-button{flex:1;padding:12px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:14px;border:none}.confirm-button.danger:hover{background:#f22}.setting-card.warning{border-color:#ff9800;background:#fff3cd}.setting-card.warning .setting-icon{background:#ff9800;color:#fff}.setting-card.warning .setting-title,.setting-card.warning .setting-description{color:#856404}html.dark .settings-container,html.dark .setting-card,html.dark .theme-option,html.dark .font-option,html.dark .size-option,html.dark .test-button,html.dark .confirm-button,html.dark .changelog-preview,html.dark .changelog-item{background:#2a2a2a;border-color:#444;color:#ddd}html.dark .settings-header{background:#1a1a1a;border-color:#444}html.dark .settings-title{color:#fff}html.dark .settings-subtitle{color:#aaa}html.dark .icon-button{background:#333;border-color:#555;color:#ddd}html.dark .icon-button:hover{background:#fff;color:#000;border-color:#fff}html.dark .setting-icon{background:#333;color:#fff}html.dark .toggle{background:#444}html.dark .toggle.active{background:#fff}html.dark .toggle.active .toggle-handle{background:#000}html.dark .theme-option:hover,html.dark .font-option:hover,html.dark .size-option:hover,html.dark .test-button:hover,html.dark .confirm-button:hover{border-color:#fff;color:#fff;background:#333}html.dark .theme-option.active,html.dark .font-option.active,html.dark .size-option.active{background:#fff;border-color:#fff;color:#000}html.dark .slider{background:#444}html.dark .slider::-webkit-slider-thumb{background:#fff;border-color:#000}html.dark .volume-value{color:#aaa}html.dark .test-button:hover{background:#fff;color:#000}html.dark .version-info{background:#333}html.dark .date-value,html.dark .info-value{color:#ddd}html.dark .changelog-text{color:#ccc}html.dark .intro-benefits{background:#1a1a1a!important;border:#444!important}html.dark .benefit-item{color:#ccc}html.dark .confirm-button.danger{background:#f44;border-color:#f44}@media(max-width:768px){.settings-header{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.header-actions{align-self:stretch;justify-content:flex-end}.settings-grid{padding:24px;gap:20px}.setting-card{padding:20px}.theme-options,.font-options,.size-options{flex-direction:column}.volume-slider{flex-direction:column;align-items:stretch;gap:8px}.confirmation-buttons{flex-direction:column}.app-info-grid{grid-template-columns:1fr;gap:12px}.save-button-container{padding:0 24px 24px}}@media(max-width:480px){.settings-header{padding:20px}.settings-grid{padding:20px;gap:16px}.setting-card{padding:16px}.setting-card-header{flex-direction:column;text-align:center;gap:12px}.setting-icon{width:40px;height:40px}}.action-btn{display:flex;justify-content:center;align-items:center;gap:8px}.leader-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.leader-background.desktop{z-index:1}.leader-background.mobile{z-index:0}.leader-image-wrapper{position:absolute;transition:all .5s cubic-bezier(.19,1,.22,1);will-change:transform;opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:var(--delay)}@keyframes fadeIn{to{opacity:1}}.leader-image{width:160px;height:160px;border-radius:16px;object-fit:cover;filter:grayscale(85%) brightness(1.1);opacity:.9;transition:all .4s ease;box-shadow:0 8px 25px #00000026;border:2px solid rgba(255,255,255,.8);display:block}.leader-background.desktop .leader-image{animation:floatDesktop 20s ease-in-out infinite;animation-delay:var(--delay)}@keyframes floatDesktop{0%,to{transform:rotate(var(--rotation)) translateY(0)}50%{transform:rotate(var(--rotation)) translateY(-12px)}}.leader-background.desktop .leader-image-wrapper:hover .leader-image{filter:grayscale(0%) brightness(1.15);opacity:1;transform:scale(1.08) rotate(calc(var(--rotation) + 5deg));box-shadow:0 15px 35px #00000040,0 0 40px #ffd70040}.leader-hover-effect{position:absolute;inset:-15px;border-radius:25px;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1}.leader-background.desktop .leader-image-wrapper:hover .leader-hover-effect{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.desktop-effects{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.02) 0%,transparent 50%);pointer-events:none;z-index:0}@media(max-width:1024px){.leader-image{width:140px;height:140px;opacity:.8}}@media(max-width:768px){.leader-image{width:120px;height:120px;opacity:.7;filter:grayscale(90%) brightness(1.05);animation:floatMobile 15s ease-in-out infinite;animation-delay:var(--delay)}@keyframes floatMobile{0%,to{transform:rotate(var(--rotation)) translateY(0)}50%{transform:rotate(var(--rotation)) translateY(-8px)}}.leader-image-wrapper:nth-child(1){top:10%!important;left:5%!important}.leader-image-wrapper:nth-child(2){top:10%!important;right:5%!important}.leader-image-wrapper:nth-child(3){bottom:10%!important;left:5%!important}.leader-image-wrapper:nth-child(4){bottom:10%!important;right:5%!important}}@media(max-width:480px){.leader-image{width:100px;height:100px;opacity:.2}.leader-image-wrapper:nth-child(1){top:8%!important;left:5%!important}.leader-image-wrapper:nth-child(2){top:8%!important;right:5%!important}.leader-image-wrapper:nth-child(3){bottom:8%!important;left:5%!important}.leader-image-wrapper:nth-child(4){bottom:8%!important;right:5%!important}}@media(max-width:360px){.leader-image{width:85px;height:85px;opacity:.2}.leader-image-wrapper:nth-child(1){top:5%!important;left:5%!important}.leader-image-wrapper:nth-child(2){top:5%!important;right:5%!important}.leader-image-wrapper:nth-child(3){bottom:5%!important;left:5%!important}.leader-image-wrapper:nth-child(4){bottom:5%!important;right:5%!important}}@media(prefers-color-scheme:dark){.leader-image{filter:grayscale(80%) brightness(.95)}.leader-background.desktop .leader-image-wrapper:hover .leader-image{filter:grayscale(20%) brightness(1.1)}}.advanced-bottom-navigation{position:fixed;bottom:345px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;z-index:999}.nav-container{position:relative;border-radius:20px;overflow:hidden;border:1px solid #afafaf85;box-shadow:0 1px 2px #0000000d}.nav-backdrop{position:absolute;inset:0;background:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.nav-items{position:relative;display:flex;gap:1px;border-radius:20px;overflow:hidden}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:10px 4px;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-family:Estedad,sans-serif;outline:none;min-height:56px;gap:4px;overflow:hidden}.nav-item:hover{background:#8888884b;border-radius:20px}.nav-item.active{background:#000;transform:translateY(-2px);border-radius:20px;box-shadow:0 3px 5px #0000004d}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:25px;height:25px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item.active .nav-icon-wrapper{transform:translateY(-1px) scale(1.1)}.nav-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.active-indicator{position:absolute;bottom:-6px;width:4px;height:4px;background:#fff;border-radius:50%;animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.nav-label{font-size:10px;color:#000;font-weight:500;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.2;letter-spacing:-.2px;text-align:center}.nav-item.active .nav-label{color:#fff;opacity:1;font-weight:600;transform:translateY(-1px)}.ripple{position:absolute;border-radius:500px;background:#0000001a;transform:scale(0);animation:rippleAnimation .6s linear;pointer-events:none;width:100px;height:100px;margin-left:-50px;margin-top:-50px}.nav-item.active .ripple{background:#ffffff26}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){.advanced-bottom-navigation{bottom:max(16px,env(safe-area-inset-bottom))}@media(max-width:768px){.advanced-bottom-navigation{bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:480px){.advanced-bottom-navigation{bottom:max(10px,env(safe-area-inset-bottom))}}}.about-wrapper{background:#fff;border-radius:24px;padding:48px 32px 40px;border:1px solid #afafaf85;margin-top:20px}.about-header{margin-bottom:40px;text-align:center}.about-title-line{width:40px;height:2px;background:#000;margin:0 auto 20px;border-radius:1px}.about-title{font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;line-height:1.2;font-family:Estedad,sans-serif;font-weight:600}.about-subtitle{font-size:16px;color:#666;font-weight:400;line-height:1.6;max-width:400px;margin:0 auto}.about-content{display:flex;flex-direction:column;gap:24px}.about-card{background:#f8f8f8;border-radius:16px;padding:28px 24px;border:1px solid #f0f0f0;transition:all .3s ease}.about-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#e0e0e0}.about-card h3{font-size:20px;font-weight:600;margin:16px 0 12px;color:#1a1a1a}.about-card p{font-size:14px;line-height:1.8;color:#555;margin:0}.about-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:12px;border:1px solid #e8e8e8;margin-bottom:16px}.about-stats{display:flex;justify-content:space-around;background:#fff;border-radius:16px;padding:32px 24px;border:1px solid #f0f0f0;margin-top:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:28px;font-weight:700;color:#000;font-family:Estedad,sans-serif}.stat-label{font-size:12px;color:#666;font-weight:500}.about-contact{background:#f8f8f8;border-radius:16px;padding:32px 28px;border:1px solid #f0f0f0;margin-top:16px}.about-contact h3{font-size:20px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.about-contact p{font-size:14px;color:#666;margin-bottom:24px;line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#444;background:#fff;padding:16px;border-radius:12px;border:1px solid #f0f0f0}.contact-item svg{flex-shrink:0}@media(max-width:768px){.app-container{margin-bottom:25%}.nav-container{box-shadow:0 -24px 22px 5px #45454540}.about-wrapper{padding:40px 24px 32px;margin-top:16px}.about-title{font-size:28px}.about-subtitle{font-size:15px}.about-card{padding:24px 20px}.about-stats{padding:24px 16px;flex-wrap:wrap;gap:24px}.stat-item{flex:1;min-width:120px}.stat-number{font-size:24px}}@media(max-width:480px){.about-wrapper{padding:32px 20px 28px;margin-top:12px}.about-title{font-size:26px}.about-subtitle{font-size:14px}.about-card{padding:20px 16px}.about-stats{flex-direction:column;gap:20px}.contact-item{font-size:13px;padding:14px}}.settings-wrapper{background:#fff;border-radius:24px;padding:48px 32px 40px;border:1px solid #afafaf85;margin-top:20px}.settings-header{margin-bottom:40px;text-align:center}.settings-title-line{width:40px;height:2px;background:#000;margin:0 auto 20px;border-radius:1px}.settings-title{font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;line-height:1.2;font-family:Estedad,sans-serif;font-weight:600}.settings-subtitle{font-size:16px;color:#666;font-weight:400;line-height:1.6;max-width:400px;margin:0 auto}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#f8f8f8;border-radius:16px;padding:24px;border:1px solid #f0f0f0}.section-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#1a1a1a;font-family:Estedad,sans-serif}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e8e8e8}.settings-option:last-child{border-bottom:none}.option-info{display:flex;flex-direction:column;gap:4px}.option-title{font-size:15px;font-weight:500;color:#1a1a1a}.option-description{font-size:12px;color:#666;line-height:1.4}.toggle-switch{position:relative;width:52px;height:28px;background:#e0e0e0;border-radius:14px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch.active{background:#000}.toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-switch.active .toggle-slider{transform:translate(24px)}.language-options{display:flex;flex-direction:column;gap:8px}.language-option{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;border:1px solid #e8e8e8;cursor:pointer;transition:all .3s ease;gap:12px}.language-option:hover{border-color:#000;transform:translate(-2px)}.language-option.selected{background:#000;border-color:#000}.language-flag{font-size:20px;flex-shrink:0}.language-label{font-size:15px;font-weight:500;flex:1;color:#1a1a1a}.language-option.selected .language-label{color:#fff}.language-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:50%;flex-shrink:0}.language-option.selected .language-check svg{stroke:#000}.data-management{display:flex;flex-direction:column;gap:12px}.data-button{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;text-align:right}.data-button:hover{background:#f8f8f8;border-color:#000;transform:translate(-2px)}.app-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e8e8e8}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:#666;font-weight:500}.info-value{font-size:14px;color:#1a1a1a;font-weight:500}.settings-actions{display:flex;gap:12px;margin-top:8px}.action-button{flex:1;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;letter-spacing:.3px}.action-button.primary{background:#000;color:#fff}.action-button.primary:hover{background:#1a1a1a;box-shadow:0 8px 20px #0000001f}.action-button.secondary{background:#fff;color:#000;border:1.5px solid #000}.action-button.secondary:hover{background:#000;color:#000}@media(max-width:768px){.settings-wrapper{padding:40px 24px 32px;margin-top:16px}.settings-title{font-size:28px}.settings-subtitle{font-size:15px}.settings-section{padding:20px}.settings-option{padding:14px 0}.data-button{padding:14px;font-size:13px}.action-button{padding:14px;font-size:14px}}@media(max-width:480px){.settings-wrapper{padding:32px 20px 28px;margin-top:12px}.settings-title{font-size:26px}.settings-subtitle{font-size:14px}.settings-section{padding:16px}.language-option{padding:14px}.data-button{padding:12px}.settings-actions{flex-direction:column}}.toast{position:fixed;left:0;right:0;bottom:120px;width:14rem;max-width:calc(100vw - 16px);margin-inline:auto;text-align:center;background:#000;color:#fff;padding:16px 24px;border-radius:15px;font-size:14px;font-family:Estedad,sans-serif;animation:slideInUp .4s ease-out;z-index:1000;box-shadow:0 8px 24px #00000026}.settings-container{background:#fff;border-radius:24px;border:1px solid #afafaf85;margin-top:20px;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:32px;background:#fafafa;border-bottom:1px solid #f0f0f0}.header-content{flex:1}.settings-title{font-size:28px;font-weight:700;margin-bottom:8px;color:#1a1a1a;font-family:Estedad,sans-serif;letter-spacing:-.3px}.settings-subtitle{font-size:14px;color:#666;font-weight:400}.header-actions{display:flex;gap:12px}.icon-button{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666}.icon-button:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-2px)}.settings-grid{padding:32px;display:grid;gap:24px}.setting-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:24px;transition:all .3s ease}.setting-card:hover{border-color:#e0e0e0;box-shadow:0 4px 20px #0000000d}.setting-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f8f8f8}.setting-icon{width:48px;height:48px;border-radius:12px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.setting-info{flex:1}.setting-title{font-size:18px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.setting-description{font-size:13px;color:#666;line-height:1.4}.setting-options{display:flex;flex-direction:column;gap:20px}.setting-option{display:flex;justify-content:space-between;align-items:center}.option-label{display:flex;flex-direction:column;gap:4px}.option-name{font-size:15px;font-weight:500;color:#1a1a1a}.option-hint{font-size:12px;color:#888}.toggle{width:52px;height:28px;background:#e8e8e8;border-radius:14px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle.active{background:#000}.toggle-handle{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle.active .toggle-handle{transform:translate(24px)}.size-options{display:flex;gap:8px}.size-option{padding:8px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;min-width:70px;text-align:center}.size-option:hover{border-color:#000}.size-option.active{background:#000;color:#fff;border-color:#000}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.language-card{padding:16px;border:1px solid #f0f0f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;text-align:right}.language-card.active{background:#000;border-color:#000}.language-content{display:flex;flex-direction:column;gap:4px}.language-name{font-size:14px;font-weight:500;color:#1a1a1a}.language-card.active .language-name{color:#fff}.language-native{font-size:12px;color:#666}.language-card.active .language-native{color:#fffc}.language-check{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-types{background:#f8f8f8;border-radius:12px;padding:16px;margin-top:8px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none;padding-bottom:0}.notification-label{font-size:14px;color:#444}.notification-toggle{flex-shrink:0}.app-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:20px;color:#888}.info-value{font-size:20px;font-weight:500;color:#1a1a1a}.info-value.link{color:#06c;cursor:pointer}.app-actions{display:flex;gap:12px}.app-action-button{flex:1;padding:12px 16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Estedad,sans-serif}.app-action-button:hover{background:#f8f8f8;border-color:#000}.save-button-container{padding:0 32px 32px}.save-button{width:100%;padding:18px 24px;background:#000;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Estedad,sans-serif;letter-spacing:.3px}.save-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.save-button:active{transform:translateY(0)}.settings-header{padding:24px}.settings-grid{padding:24px;gap:20px}.setting-card{padding:20px}.language-grid{grid-template-columns:1fr}.app-info-grid{grid-template-columns:1fr;gap:12px}.save-button-container{padding:0 24px 24px}} @media (max-width: 480px){.settings-header{padding:20px;flex-direction:column;align-items:flex-start;gap:16px}.header-actions{align-self:flex-end}.settings-grid{padding:20px;gap:16px}.setting-card{padding:16px}.setting-card-header{flex-direction:column;text-align:center;gap:12px}.setting-icon{width:40px;height:40px}.size-options,.app-actions{flex-direction:column}}.about-container{background:#fff;border-radius:24px;border:1px solid #afafaf85;margin-top:20px;overflow:hidden}.about-header{padding:40px 32px;background:linear-gradient(135deg,#f8f8f8,#fff);text-align:center;border-bottom:1px solid #f0f0f0}.about-title{font-size:32px;font-weight:700;margin-bottom:12px;color:#1a1a1a;font-family:Estedad,sans-serif;letter-spacing:-.5px}.about-subtitle{font-size:16px;color:#666;font-weight:400;max-width:400px;margin:0 auto;line-height:1.6}.about-hero{padding:40px 32px;border-bottom:1px solid #f8f8f8}.hero-content{display:flex;align-items:flex-start;gap:24px;max-width:800px;margin:0 auto}.hero-icon{width:64px;height:64px;border-radius:16px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-text h2{font-size:24px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.hero-text p{font-size:15px;line-height:1.8;color:#555}.features-section,.team-section,.stats-section,.contact-section{padding:40px 32px}.section-title{font-size:24px;font-weight:600;margin-bottom:16px;color:#1a1a1a;text-align:center}.section-description{font-size:15px;color:#666;text-align:center;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.feature-card{background:#f8f8f8;border-radius:16px;padding:24px;border:1px solid #f0f0f0;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#e0e0e0}.feature-icon{font-size:32px;margin-bottom:16px}.feature-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.feature-description{font-size:14px;line-height:1.6;color:#666}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}.team-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #f0f0f0;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.team-card:hover{border-color:#000;transform:translate(-4px)}.team-avatar{width:56px;height:56px;border-radius:12px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-info{flex:1;text-align:center;width:100%}.team-name{font-size:16px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.team-role{font-size:13px;color:#666;display:block;margin-bottom:8px}.team-description{font-size:13px;line-height:1.6;color:#555}.stats-card{background:#000;border-radius:24px;padding:40px 32px;color:#fff;text-align:center}.stats-title{font-size:24px;font-weight:600;margin-bottom:32px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-number{font-size:32px;font-weight:700;font-family:Estedad,sans-serif;color:#fff}.stat-label{font-size:14px;color:#fffc}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}.contact-card{background:#f8f8f8;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;border:1px solid #f0f0f0;transition:all .3s ease}.contact-card:hover{border-color:#000;transform:translateY(-2px)}.contact-icon{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.contact-info p{font-size:14px;color:#666;line-height:1.6}.about-footer{padding:32px;text-align:center;background:#f8f8f8;border-top:1px solid #f0f0f0}.about-footer p{font-size:14px;color:#666;margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.footer-link{background:none;border:none;font-size:14px;color:#666;cursor:pointer;padding:8px 0;position:relative;font-family:Estedad,sans-serif}.footer-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:transparent;transition:background .3s ease}.footer-link:hover{color:#000}.footer-link:hover:after{background:#000}@media(max-width:768px){.about-header,.about-hero,.features-section,.team-section,.stats-section,.contact-section{padding:32px 24px}.about-title{font-size:28px}.hero-content{flex-direction:column;text-align:center;gap:20px}.hero-icon{margin:0 auto}.features-grid,.team-grid,.contact-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-links{flex-direction:column;gap:12px}}@media(max-width:480px){.about-header,.about-hero,.features-section,.team-section,.stats-section,.contact-section{padding:24px 20px}.about-title{font-size:26px}.section-title{font-size:22px}.stats-grid{grid-template-columns:1fr}.team-card{flex-direction:column;text-align:center}.team-avatar{margin:0 auto}}.layout-options{display:flex;gap:12px}.layout-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;min-width:80px;font-family:Estedad,sans-serif;font-size:12px}.layout-option:hover{border-color:#000;color:#000}.layout-option.active{background:#000;border-color:#000;color:#fff}.layout-option svg{stroke:currentColor}.language-disabled,.sound-disabled{position:relative;background:#f8f8f8;border-radius:12px;padding:24px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.disabled-overlay{position:relative;z-index:2}.disabled-icon{width:64px;height:64px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1px solid #e8e8e8}.disabled-overlay h4{font-size:18px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.disabled-overlay p{font-size:14px;color:#666;line-height:1.6;max-width:400px;margin:0 auto}.language-preview{width:100%;margin-top:24px;opacity:.6}.language-preview-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px}.language-preview-content{display:flex;flex-direction:column;gap:4px;text-align:right}.language-preview-name{font-size:14px;font-weight:500;color:#1a1a1a}.language-preview-native{font-size:12px;color:#666}.language-preview-badge{font-size:11px;padding:4px 12px;background:#ff9800;color:#fff;border-radius:20px;font-weight:500}.package-suggestions{margin-top:20px;text-align:right;width:100%}.package-suggestions h5{font-size:14px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.package-suggestions ul{list-style:none;padding:0;margin:0}.package-suggestions li{font-size:13px;color:#666;padding:4px 0;border-bottom:1px solid #f0f0f0}.package-suggestions li:last-child{border-bottom:none}.app-info-section{display:flex;flex-direction:column;gap:24px}.version-info{background:#f8f8f8;border-radius:12px;padding:20px}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.version-label{font-size:14px;color:#666}.version-badge{font-size:14px;font-weight:600;padding:4px 12px;background:#000;color:#fff;border-radius:20px}.version-date{display:flex;justify-content:space-between;align-items:center}.date-value{font-size:13px;font-weight:500;color:#1a1a1a}.changelog-preview{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:20px}.changelog-preview h4{font-size:15px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.changelog-list{display:flex;flex-direction:column;gap:12px}.changelog-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f8f8;border-radius:8px}.changelog-type{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.changelog-text{font-size:13px;color:#444;line-height:1.5;flex:1}.app-links{display:flex;gap:12px}.app-link-button{flex:1;padding:12px 16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Estedad,sans-serif}.app-link-button:hover{background:#f8f8f8;border-color:#000}@media(prefers-color-scheme:dark){[data-theme=dark]{background:#1a1a1a;color:#fff}[data-theme=dark] .settings-container,[data-theme=dark] .setting-card,[data-theme=dark] .app-link-button,[data-theme=dark] .language-preview-item,[data-theme=dark] .changelog-preview,[data-theme=dark] .layout-option{background:#2a2a2a;border-color:#444;color:#fff}[data-theme=dark] .setting-card-header{border-color:#444}[data-theme=dark] .setting-icon{background:#333;color:#fff}[data-theme=dark] .option-name,[data-theme=dark] .setting-title,[data-theme=dark] .changelog-text{color:#fff}[data-theme=dark] .option-hint,[data-theme=dark] .setting-description{color:#aaa}[data-theme=dark] .language-disabled,[data-theme=dark] .sound-disabled,[data-theme=dark] .version-info,[data-theme=dark] .changelog-item{background:#333}[data-theme=dark] .disabled-overlay h4{color:#fff}[data-theme=dark] .toggle{background:#444}[data-theme=dark] .toggle.active{background:#fff}[data-theme=dark] .toggle.active .toggle-handle{background:#1a1a1a}[data-theme=dark] .layout-option.active{background:#fff;color:#1a1a1a}}@media(max-width:768px){.layout-options{flex-direction:column}.layout-option{min-width:auto}.app-links{flex-direction:column}.changelog-item{padding:10px}}.settings-container{background:#fff;border-radius:24px;border:1px solid #afafaf85;margin-top:20px;overflow:hidden;min-height:70vh;display:flex;flex-direction:column}.settings-header{padding:40px 32px;background:linear-gradient(135deg,#f8f8f8,#fff);text-align:center;border-bottom:1px solid #f0f0f0}.settings-title{font-size:32px;font-weight:700;margin-bottom:12px;color:#1a1a1a;font-family:Estedad,sans-serif;letter-spacing:-.5px}.settings-subtitle{font-size:16px;color:#666;font-weight:400;max-width:400px;margin:0 auto;line-height:1.6}.development-mode{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 32px;background:#fafafa}.development-content{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}.development-icon{width:120px;height:120px;border-radius:24px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;margin:0 auto;border:2px dashed #e0e0e0}.development-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.development-message{font-size:16px;line-height:1.8;color:#666;max-width:500px;margin:0 auto}.coming-features{width:100%;background:#fff;border-radius:20px;padding:32px;border:1px solid #f0f0f0;text-align:right}.coming-features h3{font-size:18px;font-weight:600;margin-bottom:24px;color:#1a1a1a;text-align:center}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f8f8;border-radius:12px;border:1px solid #f0f0f0;transition:all .3s ease}.feature-item:hover{border-color:#000;transform:translate(-4px)}.feature-icon{font-size:50px;text-align:center;width:100%;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:4px;flex:1;text-align:right}.feature-text strong{font-size:15px;font-weight:600;color:#1a1a1a}.feature-text span{font-size:13px;color:#666}.progress-container{width:100%;background:#fff;border-radius:20px;padding:24px;border:1px solid #f0f0f0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-label{font-size:15px;font-weight:500;color:#1a1a1a}.progress-percent{font-size:20px;font-weight:700;color:#000;font-family:Estedad,sans-serif}.progress-bar{height:100%;background-color:#000;width:7%;border-radius:5px;transition:width .5s cubic-bezier(.25,.46,.45,.94)}.progress-fill{height:100%;background:linear-gradient(90deg,#000,#333);border-radius:4px;transition:width 1s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.estimated-time{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#f8f8f8;border-radius:16px;border:1px solid #f0f0f0;font-size:15px;color:#666}.estimated-time svg{color:#000}.notification-button{padding:16px 32px;background:#000;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-family:Estedad,sans-serif;letter-spacing:.3px}.notification-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.notification-button:active{transform:translateY(0)}@media(max-width:768px){.settings-header{padding:32px 24px}.settings-title{font-size:28px}.development-mode{padding:32px 24px}.development-content{gap:24px}.development-icon{width:100px;height:100px}.development-title{font-size:24px}.coming-features{padding:24px}.progress-container{padding:20px}.feature-item{padding:12px}}@media(max-width:480px){.settings-header{padding:24px 20px}.settings-title{font-size:26px}.settings-subtitle{font-size:14px}.development-mode{padding:24px 20px}.development-icon{width:80px;height:80px}.development-title{font-size:22px}.development-message{font-size:14px}.coming-features{padding:20px}.coming-features h3{font-size:16px}.feature-item{flex-direction:column;text-align:center;gap:12px}.feature-text{text-align:center}.notification-button{width:100%;justify-content:center}}.sidebar{margin-bottom:100px}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.data-management-section{display:flex;flex-direction:column;gap:20px}.file-input-button{padding:10px 20px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#666;text-align:center;font-family:Estedad,sans-serif}.file-input-button:hover{background:#000;color:#fff;border-color:#000}.danger-button{padding:8px 16px;background:#f44;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;gap:8px;font-family:Estedad,sans-serif}.danger-button:hover{background:#f22;transform:translateY(-2px)}.notification-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.notification-title{font-size:14px;font-weight:600;color:#1a1a1a;font-family:Estedad,sans-serif}.view-all-button{width:100%;padding:12px;background:transparent;border:1px solid #e8e8e8;border-radius:10px;color:#666;cursor:pointer;transition:all .3s ease;margin-top:16px;font-family:Estedad,sans-serif;font-size:13px}.view-all-button:hover{background:#f8f8f8;border-color:#000;color:#000}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%}.language-card{padding:16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}.language-card:hover{border-color:#000;transform:translateY(-2px)}.language-card.active{background:#000;border-color:#000;color:#fff}.language-content{display:flex;flex-direction:column;align-items:center;gap:4px}.language-flag{font-size:24px;margin-bottom:4px}.language-name{font-size:14px;font-weight:600}.language-native{font-size:11px;opacity:.8}.language-check{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.language-card.active .language-check svg{stroke:#000}.toggle.small{width:40px;height:20px}.toggle.small .toggle-handle{width:16px;height:16px;top:2px;left:2px}.toggle.small.active .toggle-handle{transform:translate(20px)}.info-value.link{color:#06c;cursor:pointer;text-decoration:none}.info-value.link:hover{text-decoration:underline}.test-button{padding:10px 16px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.test-button:hover{background:#000;color:#fff;border-color:#000}.confirm-button{padding:12px 20px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-button:hover{background:#f8f8f8;border-color:#000}.confirm-button.danger{background:#f44;color:#fff;border-color:#f44}.confirm-button.danger:hover{background:#f22;border-color:#f22}.setting-icon.warning{background:#ff9800;color:#fff}html.dark .toast{background:#333;color:#fff}html.dark .file-input-button{background:#333;border-color:#555;color:#ddd}html.dark .file-input-button:hover{background:#fff;color:#000;border-color:#fff}html.dark .danger-button{background:#f44}html.dark .danger-button:hover{background:#f22}html.dark .notification-title{color:#fff}html.dark .view-all-button{background:transparent;border-color:#555;color:#ddd}html.dark .view-all-button:hover{background:#333;border-color:#fff;color:#fff}html.dark .language-card{background:#333;border-color:#555;color:#ddd}html.dark .language-card:hover{border-color:#fff;background:#444}html.dark .language-card.active{background:#fff;border-color:#fff;color:#000}html.dark .language-card.active .language-check{background:#000}html.dark .language-card.active .language-check svg{stroke:#fff}html.dark .info-value.link{color:#66b3ff}html.dark .test-button{background:#333;border-color:#555;color:#ddd}html.dark .test-button:hover{background:#fff;color:#000;border-color:#fff}html.dark .confirm-button{background:#333;border-color:#555;color:#ddd}html.dark .confirm-button:hover{background:#444;border-color:#fff}@media(max-width:768px){.settings-grid{padding:20px;gap:20px}.setting-card{padding:20px}.language-grid{grid-template-columns:1fr}.theme-options,.font-options,.size-options,.confirmation-buttons{flex-direction:column}.toast{width:90%;max-width:300px}}@media(max-width:480px){.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:space-between}.setting-card-header{flex-direction:column;text-align:center;gap:12px}.setting-option{flex-direction:column;align-items:flex-start;gap:12px}.toggle{align-self:flex-end}}html{transition:background-color .3s ease,color .3s ease}html.light{background-color:#fafafa;color:#1a1a1a}html.dark{background-color:#1a1a1a;color:#fff}body{font-family:var(--font-family, "Estedad, sans-serif");transition:font-family .3s ease,font-size .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}html.dark .settings-container{background:#2a2a2a;border-color:#444}html.dark .setting-card{background:#333;border-color:#444;color:#fff}html.dark .setting-title{color:#fff}html.dark .setting-description{color:#aaa}html.dark .option-name{color:#fff}html.dark .option-hint{color:#888}html.dark .theme-option,html.dark .font-option,html.dark .size-option,html.dark .test-button{background:#444;border-color:#555;color:#ddd}html.dark .theme-option.active,html.dark .font-option.active,html.dark .size-option.active{background:#fff;color:#000}html.dark .toggle{background:#555}html.dark .toggle.active{background:#4caf50}html.dark .save-button{background:#fff;color:#000}html.dark .save-button:hover{background:#f0f0f0}.link{padding:10px 40px;border-radius:20px;outline:none;border:none;text-decoration:none}.settings-header>.settings-title,.settings-subtitle{text-align:center}.header-content{text-align:center;width:100%}.header-actions{display:flex;justify-content:center}.feature-icon img{width:32px;height:32px}.terms-page{padding:20px;max-width:600px;margin:0 auto;font-family:Estedad,sans-serif}.terms-container{background:#fff;border-radius:20px;padding:30px;border:1px solid #afafaf85;box-shadow:0 2px 10px #0000000d}.terms-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.terms-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.terms-header p{font-size:14px;color:#666}.terms-content{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.term-item{padding:20px;background:#f8f8f8;border-radius:16px;border:1px solid #f0f0f0}.term-item h3{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:10px}.term-item p{font-size:14px;line-height:1.6;color:#555;margin:0;text-align:right}.terms-footer{padding-top:20px;border-top:1px solid #f0f0f0;text-align:center}.agree-btn{width:100%;padding:16px;background:#000;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.agree-btn:hover{background:#1a1a1a}html.dark .terms-container{background:#2a2a2a;border-color:#444}html.dark .terms-header h1{color:#fff}html.dark .terms-header p{color:#aaa}html.dark .term-item{background:#333;border-color:#444}html.dark .term-item h3{color:#fff}html.dark .term-item p{color:#ccc}html.dark .agree-btn{background:#fff;color:#000}html.dark .agree-btn:hover{background:#f0f0f0}@media(max-width:768px){.terms-page{padding:15px}.terms-container{padding:20px}.term-item{padding:16px}}.profile-page{width:100%;max-width:600px;margin:0 auto}.profile-container{width:100%;background:#fff;border-radius:16px;border:1px solid #e0e0e0;overflow:hidden}.profile-header{padding:24px 20px;text-align:center;border-bottom:1px solid #f0f0f0;background:#fafafa}.profile-title{font-size:24px;font-weight:700;margin-bottom:8px;color:#1a1a1a;font-family:Estedad,sans-serif}.profile-subtitle{font-size:14px;color:#666;font-weight:400;line-height:1.5}.profile-content{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.profile-section{background:#f8f8f8;border-radius:12px;padding:24px;border:1px solid #f0f0f0;text-align:center}.profile-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-image-container{position:relative;width:100px;height:100px;margin:0 auto}.profile-image{width:100%;height:100%;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid white}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:32px;font-weight:700;color:#666;font-family:Estedad,sans-serif}.platform-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.platform-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.platform-icon img{width:100%;height:100%;object-fit:contain}.platform-name{font-size:16px;font-weight:600;color:#1a1a1a}.user-name{font-size:30px;font-weight:700;color:#1a1a1a;margin:8px 0}.verification-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#e8f5e9;border-radius:12px;color:#2e7d32;font-size:12px;font-weight:500}.info-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #f0f0f0}.section-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f8f8f8}.section-header h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.section-header p{font-size:13px;color:#666}.info-grid{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:12px;color:#888;font-weight:500;display:flex;align-items:center;gap:8px;justify-content:flex-end}.info-value{font-size:20px;font-weight:500;color:#1a1a1a;padding:12px;background:#f8f8f8;border-radius:8px;border:1px solid #f0f0f0;text-align:right;direction:rtl;word-break:break-all}.info-value.code{font-family:monospace;font-size:16px;direction:ltr;text-align:left}.stats-section{background:#f8f8f8;border-radius:12px;padding:20px;border:1px solid #f0f0f0}.stats-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#1a1a1a;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666}.stat-content{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:18px;font-weight:700;color:#1a1a1a;font-family:Estedad,sans-serif;text-align:center}.stat-label{font-size:11px;color:#666;text-align:center}.connection-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#4caf50}.status-dot.offline{background:#f44336}.connection-status span{font-size:14px;font-weight:500;color:#1a1a1a}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.action-button{width:100%;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Estedad,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px}.action-button.danger{background:#f44;color:#fff}.action-button.danger:hover{background:#e53935}.action-button.secondary{background:#fff;color:#1a1a1a;border:1px solid #e0e0e0}.action-button.secondary:hover{background:#f8f8f8;border-color:#ccc}.action-button.primary{background:#1a1a1a;color:#fff}.action-button.primary:hover{background:#333}.confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirm-modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;border:1px solid #e0e0e0}.confirm-modal h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#1a1a1a}.confirm-modal p{font-size:14px;color:#666;line-height:1.6;margin-bottom:24px}.confirm-modal-buttons{display:flex;gap:12px}.confirm-modal-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Estedad,sans-serif}.confirm-modal-button.cancel{background:#f8f8f8;color:#666;border:1px solid #e8e8e8}.confirm-modal-button.cancel:hover{background:#e8e8e8}.confirm-modal-button.confirm{background:#f44;color:#fff}.confirm-modal-button.confirm:hover{background:#e53935}@media(max-width:768px){.profile-header{padding:20px 16px}.profile-title{font-size:22px}.profile-content{padding:20px 16px;gap:16px}.profile-section,.info-section,.stats-section{padding:20px 16px}.stats-grid{gap:8px}.stat-item{padding:12px 6px}.stat-number{font-size:16px}.stat-label{font-size:10px}}@media(max-width:480px){.profile-header{padding:16px}.profile-title{font-size:20px}.profile-subtitle{font-size:13px}.profile-content{padding:16px;gap:12px}.profile-section,.info-section,.stats-section{padding:16px}.profile-image-container{width:80px;height:80px}.profile-initials{font-size:24px}.user-name{font-size:30px}.stats-grid{gap:6px}.stat-item{padding:10px 4px}.stat-number{font-size:14px}.stat-label{font-size:9px}.action-button{padding:14px;font-size:14px}.confirm-modal-content{padding:20px}.confirm-modal-buttons{flex-direction:column}}html.dark .profile-container{background:#2a2a2a;border-color:#444}html.dark .profile-header{background:#333;border-color:#444}html.dark .profile-title{color:#fff}html.dark .profile-subtitle{color:#aaa}html.dark .profile-section,html.dark .info-section,html.dark .stats-section{background:#333;border-color:#444;color:#fff}html.dark .profile-image{background:#444}html.dark .profile-initials{color:#ccc}html.dark .platform-name,html.dark .user-name,html.dark .section-header h3,html.dark .stats-title{color:#fff}html.dark .verification-badge{background:#1a1a1a;color:#4caf50}html.dark .info-value{background:#444;color:#fff;border-color:#555}html.dark .info-label{color:#bbb}html.dark .stat-item{background:#444;border-color:#555}html.dark .stat-number{color:#fff}html.dark .stat-label{color:#aaa}html.dark .connection-status{background:#444;border-color:#555}html.dark .connection-status span{color:#fff}html.dark .action-button.secondary{background:#444;color:#fff;border-color:#555}html.dark .action-button.secondary:hover{background:#555;border-color:#666}html.dark .confirm-modal-content{background:#333;border-color:#444}html.dark .confirm-modal h3{color:#fff}html.dark .confirm-modal p{color:#aaa}html.dark .confirm-modal-button.cancel{background:#444;color:#ddd;border-color:#555}html.dark .confirm-modal-button.cancel:hover{background:#555}.profile-page-wrapper{width:100%;overflow-x:hidden;position:relative}@media(max-width:768px){.profile-page{width:100vw;padding:24px;margin-bottom:70px;max-width:}.profile-header{padding:20px 16px}.profile-title{font-size:22px}.profile-content{padding:20px 16px;gap:16px}.profile-section,.info-section,.stats-section{padding:20px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item{padding:12px}.stat-number{font-size:18px}}@media(max-width:480px){.profile-header{padding:16px}.profile-title{font-size:20px}.profile-subtitle{font-size:13px}.profile-content{padding:16px;gap:12px}.profile-section,.info-section,.stats-section{padding:16px}.profile-image-container{width:80px;height:80px}.profile-initials{font-size:24px}.user-name{font-size:18px}.stats-grid{grid-template-columns:1fr}.stat-item{flex-direction:row;justify-content:space-between;text-align:right}.stat-content{flex-direction:row-reverse;align-items:center;gap:12px}.stat-number{font-size:16px}.action-button{padding:14px;font-size:14px}.confirm-modal-content{padding:20px}.confirm-modal-buttons{flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.update-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color);background:var(--header-bg)}.modal-header h3{margin:0;color:var(--text-primary)}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{background:var(--hover-bg)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.setting-card{margin:15px}.version-actions{display:flex;gap:12px}.simple-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;border:1px solid #afafaf85;box-shadow:0 20px 60px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #f0f0f0;background:#fafafa}.modal-title{display:flex;align-items:center;gap:16px}.modal-title h3{font-size:20px;font-weight:700;margin:0;color:#1a1a1a;font-family:Estedad,sans-serif}.modal-subtitle{font-size:13px;color:#666;margin-top:4px}.title-icon{font-size:24px}.close-modal{width:44px;height:44px;border-radius:12px;background:#f8f8f8;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666}.close-modal:hover{background:#000;color:#fff;border-color:#000;transform:rotate(90deg)}.modal-body{padding:32px;overflow-y:auto;max-height:60vh}.version-info-card{background:#f8f8f8;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.version-badge{display:flex;flex-direction:column;gap:8px}.version-label{font-size:13px;color:#888}.version-value{font-size:20px;font-weight:700;color:#fff;font-family:Estedad,sans-serif}.version-date{display:flex;flex-direction:column;gap:8px;text-align:right}.date-label{font-size:13px;color:#888}.date-value{font-size:15px;font-weight:500;color:#1a1a1a}.force-update-warning{background:#fff8e1;border:1px solid #ffd54f;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:pulseWarning 2s infinite}@keyframes pulseWarning{0%,to{opacity:1}50%{opacity:.8}}.force-update-warning svg{color:#ff9800;flex-shrink:0}.force-update-warning span{font-size:14px;color:#ff9800;font-weight:500;flex:1}.changelog-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f8f8f8}.section-header h4{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.show-more-btn{background:none;border:none;font-size:13px;color:#06c;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s ease}.show-more-btn:hover{background:#f0f7ff}.changes-list{display:flex;flex-direction:column;gap:16px}.change-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f8f8;border-radius:12px;border:1px solid #f0f0f0;transition:all .3s ease;animation:slideInItem .5s ease-out backwards}.change-item:hover{transform:translate(-4px);border-color:#000;box-shadow:0 4px 12px #00000014}@keyframes slideInItem{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.change-icon{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border:1px solid #e8e8e8}.change-item.new .change-icon{background:#e8f5e9;color:#2e7d32}.change-item.improved .change-icon{background:#e3f2fd;color:#1565c0}.change-item.fixed .change-icon{background:#fff3e0;color:#ef6c00}.change-content{flex:1;display:flex;flex-direction:column;gap:6px}.change-type{font-size:12px;font-weight:600;padding:4px 12px;background:#fff;border-radius:12px;display:inline-block;width:fit-content;border:1px solid #e8e8e8}.change-item.new .change-type{background:#4caf50;color:#fff;border-color:#4caf50}.change-item.improved .change-type{background:#2196f3;color:#fff;border-color:#2196f3}.change-item.fixed .change-type{background:#ff9800;color:#fff;border-color:#ff9800}.change-text{font-size:14px;line-height:1.6;color:#444;text-align:right}.version-history{background:#f8f8f8;border-radius:16px;padding:24px;border:1px solid #f0f0f0;margin-top:24px}.version-history h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.history-item{padding:20px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:16px;transition:all .3s ease}.history-item:last-child{margin-bottom:0}.history-item:hover{transform:translate(-4px);border-color:#000}.history-version{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f8f8f8}.version-number{font-size:15px;font-weight:700;color:#000}.version-date{font-size:13px;color:#666}.history-changes{display:flex;flex-direction:column;gap:8px}.history-change{font-size:13px;color:#555;padding-right:12px;position:relative;line-height:1.6}.history-change:before{content:"•";position:absolute;right:0;color:#000}.modal-footer{padding:24px 32px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fafafa}.update-actions{display:flex;gap:12px;width:100%}.primary-button,.secondary-button,.tertiary-button{flex:1;padding:16px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;font-family:Estedad,sans-serif;font-size:15px;border:none}.primary-button{background:#000;color:#fff}.primary-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.secondary-button{background:#fff;color:#000;border:1.5px solid #000}.secondary-button:hover{background:#000;color:#fff;transform:translateY(-2px)}.tertiary-button{background:transparent;color:#666;border:1px solid #e8e8e8}.tertiary-button:hover{background:#f8f8f8;border-color:#000}.update-success-message{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:24px;background:#f8f8f8;border-radius:12px;animation:fadeIn .5s ease-out}.update-success-message svg{color:#4caf50;flex-shrink:0}.success-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.success-subtitle{font-size:13px;color:#666}.updating-message{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:24px;color:#1a1a1a}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html.dark .simple-modal{background:#2a2a2a;border-color:#444;color:#fff}html.dark .modal-header{background:#333;border-color:#444}html.dark .modal-title h3{color:#fff}html.dark .modal-subtitle{color:#aaa}html.dark .close-modal{background:#444;border-color:#555;color:#ddd}html.dark .close-modal:hover{background:#fff;color:#000;border-color:#fff}html.dark .version-info-card{background:#333;border-color:#444}html.dark .version-value{color:#fff}html.dark .date-value{color:#ddd}html.dark .force-update-warning{background:#333;border-color:#ff9800}html.dark .force-update-warning span{color:#ffcc80}html.dark .section-header{border-color:#444}html.dark .section-header h4{color:#fff}html.dark .change-item{background:#333;border-color:#444;color:#fff}html.dark .change-icon{background:#444;border-color:#555}html.dark .change-text{color:#ddd}html.dark .version-history{background:#333;border-color:#444}html.dark .version-history h4{color:#fff;border-color:#444}html.dark .history-item{background:#444;border-color:#555}html.dark .version-number{color:#fff}html.dark .history-change{color:#ccc}html.dark .history-change:before{color:#fff}html.dark .modal-footer{background:#333;border-color:#444}html.dark .primary-button{background:#fff;color:#000}html.dark .primary-button:hover{background:#e0e0e0}html.dark .secondary-button{background:#444;color:#fff;border-color:#fff}html.dark .secondary-button:hover{background:#fff;color:#000}html.dark .tertiary-button{background:transparent;color:#aaa;border-color:#555}html.dark .tertiary-button:hover{background:#444;border-color:#fff}html.dark .update-success-message{background:#333}html.dark .success-title{color:#fff}html.dark .success-subtitle{color:#aaa}html.dark .updating-message{color:#fff}html.dark .spinner{border-color:#ffffff1a;border-top-color:#fff}@media(max-width:768px){.simple-modal{width:95%;max-height:85vh}.modal-header{padding:20px 24px}.modal-title h3{font-size:18px}.modal-body{padding:24px}.version-info-card{padding:20px;flex-direction:column;gap:16px;text-align:center}.change-item{padding:16px}.modal-footer{padding:20px 24px}.update-actions{flex-direction:column}.primary-button,.secondary-button,.tertiary-button{padding:14px 20px;font-size:14px}}@media(max-width:480px){.simple-modal{width:100%;margin:16px;border-radius:20px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.change-item{flex-direction:column;text-align:center;gap:12px}.change-content{text-align:center}.change-type{align-self:center}.version-history{padding:20px}.history-item{padding:16px}}.version-comparison{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:24px;background:#f8f8f8;border-radius:16px}.version-comparison-item{display:flex;flex-direction:column;align-items:center;gap:12px}.version-label{font-size:13px;color:#888;font-weight:500}.version-badge{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:700;font-family:Estedad,sans-serif}.version-badge.old{background:#e0e0e0;color:#666}.version-badge.new{background:#000;color:#fff}.version-arrow{font-size:20px;color:#666;padding:0 20px}.update-details{display:flex;flex-direction:column;gap:24px}.update-progress-section{background:#f8f8f8;border-radius:16px;padding:24px;border:1px solid #f0f0f0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-percent{font-size:18px;font-weight:700;color:#000;font-family:Estedad,sans-serif}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#000,#333);border-radius:4px;transition:width .3s ease}.update-logs{background:#fff;border-radius:12px;padding:16px;border:1px solid #f0f0f0}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f8f8f8}.clear-logs-btn{background:none;border:none;font-size:12px;color:#f44;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s ease}.clear-logs-btn:hover{background:#ffebee}.logs-container{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-entry{display:flex;gap:12px;padding:8px;font-size:12px;border-radius:6px;background:#f8f8f8}.log-entry.error{background:#ffebee;color:#d32f2f}.log-time{color:#666;font-family:monospace;flex-shrink:0}.log-message{flex:1;text-align:right}html.dark .version-comparison{background:#333}html.dark .version-badge.old{background:#444;color:#ccc}html.dark .version-arrow{color:#aaa}html.dark .update-progress-section{background:#333;border-color:#444}html.dark .progress-percent{color:#fff}html.dark .progress-bar{background:#444}html.dark .update-logs{background:#444;border-color:#555}html.dark .logs-header{border-color:#555}html.dark .clear-logs-btn{color:#ff6b6b}html.dark .clear-logs-btn:hover{background:#444}html.dark .log-entry{background:#333}html.dark .log-entry.error{background:#422;color:#ff6b6b}.font-estedad *{font-family:Estedad,sans-serif!important}.font-vazir *{font-family:Vazirmatn,sans-serif!important}body.font-estedad,body.font-estedad *{font-family:Estedad,sans-serif!important}body.font-vazir,body.font-vazir *{font-family:Vazirmatn,sans-serif!important}html.dark body,html.dark .app-container,html.dark .container{background:#1a1a1a!important;color:#fff!important}html.dark .intro-wrapper,html.dark .question-block,html.dark .result-wrapper,html.dark .settings-container,html.dark .setting-card,html.dark .about-wrapper{background:#2a2a2a!important;color:#fff!important;border-color:#444!important}html.dark .result-wrapper{filter:in}html.dark .match-container,html.dark .result-description,html.dark .trait-item,html.dark .intro-line,html.dark .result-detail,html.dark .changelog-content,html.dark .start-btn,html.dark .action-btn html.dark .result-detail,html.dark .action-btn,html.dark .about-container,html.dark .about-header,html.dark .feature-card,html.dark .contact-card,html.dark .stats-section,html.dark .about-footer{background:#3a3a3a!important;border-color:#444!important;color:#fff!important}html.dark .match-score,html.dark .match-label,html.dark .detail-value,html.dark .about-title,html.dark .about-subtitle,html.dark .hero-text>h2,html.dark .hero-text>p,html.dark .section-title,html.dark .feature-title,html.dark .feature-description,html.dark .contact-info>h4,html.dark .contact-info>p>a{color:#fff}html.dark .option{background-color:#444!important;color:#fff;border:1px #555555!important}html.dark .btn{background-color:#2a2a2a!important;border-color:#444!important;color:#fff}html.dark .prediction-item{filter:invert(80%)}html.dark .option:hover{background:#fff!important;color:#000;border-color:#000!important}html.dark .option.selected{background:#000!important;border-color:#000!important;color:#fff!important}html.dark .btn:hover{background:#000!important;color:#fff!important;border-color:#000!important}html.dark .start-btn:hover,html.dark .action-btn:hover{background:#1a1a1a!important;color:#fff!important}html.dark .action-btn.secondary{background:#2a2a2a!important;color:#fff!important;border-color:#444!important}html.dark .action-btn.secondary:hover{background:#000!important;color:#fff!important}html.dark .preview-header>h4{color:#fff}html.dark .intro-title,html.dark .question-text,html.dark .result-name,html.dark .settings-title,html.dark .setting-title,html.dark .chart-title,html.dark .detail-value,html.dark .trait-score,html.dark .match-score,html.dark .gauge-label,html.dark .quiz-counter strong{color:#fff!important}html.dark .intro-subtitle,html.dark .settings-subtitle,html.dark .setting-description,html.dark .option-hint,html.dark .result-title,html.dark .match-label,html.dark .detail-label,html.dark .trait-name,html.dark .intro-disclaimer,{color:#666!important}html.dark .theme-option.active,html.dark .font-option.active{background:#000!important;border-color:#000!important;color:#fff!important}html.dark .theme-option,html.dark .font-option{background:#333!important;border-color:#444!important;color:#ddd!important}html.dark .theme-option:hover,html.dark .font-option:hover{background:#444!important;border-color:#666!important}html.dark .test-button{background:#333!important;border-color:#444!important;color:#ddd!important}html.dark .test-button:hover{background:#000!important;border-color:#000!important;color:#fff!important}html.dark .confirm-button{background:#333!important;border-color:#444!important;color:#ddd!important}html.dark .confirm-button:hover{background:#444!important;border-color:#666!important}html.dark .confirm-button.danger{background:#f44!important;border-color:#f44!important;color:#fff!important}html.dark .confirm-button.danger:hover{background:#f22!important;border-color:#f22!important}html.dark .save-button{background:#000!important;color:#fff!important}html.dark .save-button:hover{background:#1a1a1a!important}html.dark .progress-bar-container{background:#000000e8!important}html.dark .progress-bar{background-color:#fff!important}html.dark .trait-bar{background:#e8e8e8!important}html.dark .trait-fill{background:#000!important}.toast{position:fixed;left:0;right:0;bottom:140px;width:17rem;max-width:calc(100vw - 18px);margin-inline:auto;text-align:center;background:#000;color:#fff;padding:16px 24px;border-radius:15px;font-size:14px;font-family:Estedad,sans-serif;animation:slideInUp .4s ease-out;z-index:1000;box-shadow:0 8px 24px #00000026}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html.dark .toast{background:#000!important;color:#fff!important}html.dark .prediction-gauge{background:#1a1a1a!important;color:#fff;border:1px solid #afafaf85}html.dark .changelog-preview>h4{color:#fff}:root{--shiny-text-color: #000;--shiny-shine-color: #ccc}html.dark{--shiny-text-color: #ffffff;--shiny-shine-color: #666666}#adly-container{width:100%!important;max-width:500px!important;margin-bottom:150px}@plugin "tailwindcss-animate";@custom-variant dark (&:is(.dark *));*{margin:0;padding:0;box-sizing:border-box;direction:rtl;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-decoration:none}body{font-family:Vazirmatn,sans-serif;background:#fafafa;color:#1a1a1a;min-height:100vh;padding:20px;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.app-container{margin-bottom:20%}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}