body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--secondary-color:#78716c;--background-color:#fafaf9;--card-background:#fff;--text-color:#1c1917;--text-secondary:#78716c;--border-color:#e7e5e4;--error-color:#dc2626;--success-color:#16a34a;--accent-color:#ca8a04;--shadow-sm:0 1px 2px #00000008;--shadow:0 1px 3px #0000000a;--shadow-lg:0 4px 12px #0000000f;--radius:10px;--radius-lg:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf9;background-color:var(--background-color);color:#1c1917;color:var(--text-color);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em;line-height:1.6}.page,body{min-height:100vh}.container{margin:0 auto;max-width:480px;padding:24px 20px}.navbar{align-items:center;background-color:#fff;background-color:var(--card-background);border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 20px}.nav-brand{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:700;letter-spacing:-.03em}.nav-links{align-items:center;display:flex;gap:8px}.nav-btn{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:7px 14px;transition:background-color .15s,transform .1s}.nav-btn:hover{background-color:#4338ca;background-color:var(--primary-hover)}.nav-btn:active{transform:scale(.97)}.nav-btn-secondary{background-color:initial;border:1px solid #e7e5e4;border:1px solid var(--border-color);color:#78716c;color:var(--text-secondary)}.nav-btn-secondary:hover{background-color:#fafaf9;background-color:var(--background-color);color:#1c1917;color:var(--text-color)}.card{margin-top:40px}.card,.welcome-card{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);padding:28px}.welcome-card{margin-top:20px;text-align:center}.welcome-card h1{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.coins{color:#78716c;color:var(--text-secondary);font-size:1rem}.placeholder-section{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);margin-top:20px;padding:24px}.placeholder-section h2{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:8px}.placeholder-text{color:#78716c;color:var(--text-secondary);font-size:.9rem;font-style:italic}.title{color:#1c1917;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:8px;text-align:center}.tagline{font-size:.9rem;line-height:1.5}.subtitle,.tagline{color:#78716c;color:var(--text-secondary);margin-bottom:24px;text-align:center}.subtitle{font-size:1.1rem;font-weight:500}.form{gap:18px}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#78716c;color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group select{background-color:#fff;border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:8px;color:#1c1917;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%2378716c' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#fafaf9;background-color:var(--background-color);cursor:not-allowed;opacity:.6}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 20px;transition:background-color .15s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca;background-color:var(--primary-hover)}.toggle-link{margin-top:18px;text-align:center}.link-btn{background:none;border:none;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none}.link-btn:hover{color:#4338ca;color:var(--primary-hover);text-decoration:underline}.error{background-color:#fef2f2;border-left:3px solid #dc2626;border-left:3px solid var(--error-color);color:#dc2626;color:var(--error-color)}.error,.success{border-radius:8px;font-size:.85rem;padding:10px 14px;text-align:center}.success{background-color:#f0fdf4;border-left:3px solid #16a34a;border-left:3px solid var(--success-color);color:#166534}.loading{align-items:center;color:#78716c;color:var(--text-secondary);display:flex;font-size:1rem;justify-content:center;min-height:100vh}.avatar-selection{margin-bottom:8px}.avatar-selection label{color:#78716c;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:10px}.avatar-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.avatar-option{align-items:center;background:#fff;background:var(--card-background);border:2px solid #e7e5e4;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px;transition:border-color .15s,transform .1s}.avatar-option:hover{transform:translateY(-1px)}.avatar-option.selected,.avatar-option:hover{border-color:#4f46e5;border-color:var(--primary-color)}.avatar-option.selected{background:#eef2ff;background:var(--primary-light)}.avatar-option img{aspect-ratio:1;border-radius:8px;flex-shrink:0;object-fit:contain;width:100%}.avatar-option:disabled{cursor:not-allowed;opacity:.5}.avatar-option .avatar-name{color:#78716c;color:var(--text-secondary);display:block;font-size:.7rem;font-weight:500;margin-top:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.avatar-preview-simple{border-radius:10px;border-radius:var(--radius);height:120px;margin:20px auto 15px;overflow:hidden;width:120px}.avatar-preview-simple img{height:100%;object-fit:cover;width:100%}.character-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:14px}.character-card{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);min-width:0;overflow:hidden;padding:14px;text-align:center;transition:border-color .15s,transform .1s}.character-card:hover{box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow);transform:translateY(-1px)}.character-card.active{border-color:#4f46e5;border-color:var(--primary-color);border-width:2px;padding:13px}.character-avatar{aspect-ratio:1;background:#fafaf9;background:var(--background-color);border-radius:8px;margin-bottom:10px;overflow:hidden;width:100%}.character-avatar img{height:100%;object-fit:cover;width:100%}.character-name{color:#1c1917;color:var(--text-color);font-size:.95rem;font-weight:600;margin-bottom:4px}.character-level{background:#eef2ff;background:var(--primary-light);border-radius:6px;color:#4f46e5;color:var(--primary-color);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:8px;padding:2px 8px}.xp-bar-container{background:#e7e5e4;background:var(--border-color);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.xp-bar{background:#4f46e5;background:var(--primary-color);border-radius:3px;height:100%;transition:width .3s ease}.xp-text{color:#1c1917;color:var(--text-color);font-size:.85rem;font-weight:600;margin-bottom:2px}.xp-text-secondary{color:#78716c;color:var(--text-secondary);font-size:.65rem;margin-bottom:10px}.character-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:7px 10px;transition:background-color .15s;width:100%}.character-btn-primary{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.character-btn-primary:hover{background-color:#4338ca;background-color:var(--primary-hover)}.character-btn-active{background-color:#fafaf9;background-color:var(--background-color);color:#78716c;color:var(--text-secondary);cursor:default}.active-indicator{background:#16a34a;background:var(--success-color);border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:4px;padding:1px 5px}.team-image-container{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);margin-top:16px;overflow:hidden}.team-image{display:block;width:100%}.team-image-placeholder{align-items:center;color:#78716c;color:var(--text-secondary);display:flex;font-size:.85rem;gap:10px;justify-content:center;padding:20px}.team-image-spinner{animation:spin .8s linear infinite;border:2px solid #e7e5e4;border-top:2px solid #4f46e5;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:18px;width:18px}.characters-section{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);margin-top:16px;padding:20px}.characters-section h2{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.categories-section{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);margin-top:16px;padding:20px}.categories-section h2{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.category-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.category-card{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:8px;padding:14px;transition:border-color .15s}.category-card:hover{border-color:#d6d3d1}.category-card.category-mastered{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#fbbf24}.category-card.category-locked{opacity:.5}.category-name{color:#1c1917;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:4px}.category-description{color:#78716c;color:var(--text-secondary);font-size:.8rem;margin-bottom:8px}.category-info{display:flex;gap:12px;margin-bottom:10px}.category-stat{color:#78716c;color:var(--text-secondary);font-size:.75rem}.category-btn{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:9px;transition:background-color .15s;width:100%}.category-btn:hover:not(:disabled){background-color:#4338ca;background-color:var(--primary-hover)}.category-btn:disabled{background-color:#fafaf9;background-color:var(--background-color);color:#78716c;color:var(--text-secondary);cursor:not-allowed}.warning-text{color:#ea580c;font-size:.85rem;margin-bottom:14px}.game-page{background:#1e1b4b;min-height:100vh}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 20px}.game-progress{color:#fff;font-size:1rem;font-weight:600}.game-correct-count{background:#ffffff14;border-radius:6px;color:#ffffffb3;font-size:.85rem;padding:4px 12px}.game-end-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;color:#fffc;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:7px 14px;transition:background .15s}.game-end-btn:hover{background:#ef44444d;border-color:#ef444466;color:#fff}.game-container{margin:0 auto;max-width:480px;padding:20px}.game-category{color:#ffffff80;font-size:.85rem;font-weight:500;letter-spacing:.02em;margin-bottom:16px;text-align:center;text-transform:uppercase}.game-loading{align-items:center;color:#fff;display:flex;font-size:1rem;justify-content:center;min-height:100vh}.timer-container{margin-bottom:20px}.timer-bar-bg{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.timer-bar{background:#34d399;border-radius:4px;height:100%;transition:width .2s linear}.timer-bar.timer-warning{animation:pulse .5s infinite;background:#f87171}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-text{font-feature-settings:"tnum";color:#fff;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;margin-top:6px;text-align:center}.timer-text-warning{color:#f87171}.question-card{background:#fff;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026;margin-bottom:20px;padding:32px 24px}.question-text{color:#1c1917;color:var(--text-color);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;text-align:center}.answers-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.answer-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;gap:10px;min-height:56px;padding:14px;transition:all .15s}.answer-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000001f;transform:scale(1.02)}.answer-btn:disabled{cursor:default}.answer-btn.answer-correct{background:#16a34a;border-color:#15803d;color:#fff}.answer-btn.answer-wrong{background:#dc2626;border-color:#b91c1c;color:#fff}.answer-btn.answer-missed{opacity:.5}.answer-label{align-items:center;background:#4f46e5;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.answer-correct .answer-label,.answer-wrong .answer-label{background:#ffffff40}.answer-text{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600}.answer-correct .answer-text,.answer-wrong .answer-text{color:#fff}.results-page{align-items:center;background:#1e1b4b;display:flex;justify-content:center;min-height:100vh}.results-container{max-width:400px;padding:20px;width:100%}.results-card{background:#fff;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026;padding:32px 28px;text-align:center}.results-emoji{font-size:3rem;margin-bottom:8px}.results-title{color:#1c1917;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.results-score{margin-bottom:24px}.score-circle{align-items:baseline;display:flex;gap:2px;justify-content:center;margin-bottom:4px}.score-number{font-feature-settings:"tnum";color:#4f46e5;color:var(--primary-color);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:700}.score-divider{font-size:1.5rem}.score-divider,.score-total{color:#78716c;color:var(--text-secondary)}.score-total{font-size:1.25rem}.score-percentage{color:#78716c;color:var(--text-secondary);font-size:.9rem}.results-rewards{background:#fafaf9;background:var(--background-color);border-radius:10px;border-radius:var(--radius);display:flex;gap:40px;justify-content:center;margin-bottom:24px;padding:18px}.reward-item{align-items:center;display:flex;flex-direction:column;gap:4px}.reward-icon{font-size:1.25rem}.reward-value{font-feature-settings:"tnum";color:#4f46e5;color:var(--primary-color);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700}.reward-label{color:#78716c;color:var(--text-secondary);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.results-character{background:#fafaf9;background:var(--background-color);border-radius:8px;margin-bottom:24px;padding:14px}.character-stats{display:flex;justify-content:space-between;padding:4px 0}.stat-label{color:#78716c;color:var(--text-secondary);font-size:.9rem}.stat-value{font-feature-settings:"tnum";color:#1c1917;color:var(--text-color);font-variant-numeric:tabular-nums;font-weight:600}.results-actions{display:flex;flex-direction:column;gap:10px}.btn-secondary{background-color:initial;border:1px solid #e7e5e4;border:1px solid var(--border-color);color:#1c1917;color:var(--text-color)}.btn-secondary:hover:not(:disabled){background-color:#fafaf9;background-color:var(--background-color)}.btn-danger{background-color:#dc2626;background-color:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.description{color:#78716c;color:var(--text-secondary);font-size:.85rem}.store-header{margin-bottom:20px;margin-top:20px;text-align:center}.store-header h1{color:#1c1917;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.coin-display{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:inline-flex;font-size:.85rem;font-weight:600;padding:6px 14px}.store-items{display:flex;flex-direction:column;gap:12px}.store-item-card{background:#fff;background:var(--card-background);border:1px solid #e7e5e4;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);padding:18px;transition:border-color .15s}.store-item-card:hover{border-color:#d6d3d1}.store-item-card.disabled{opacity:.6}.store-item-avatar{aspect-ratio:1;background:#fafaf9;background:var(--background-color);border-radius:8px;margin-bottom:12px;overflow:hidden;width:100%}.store-item-avatar img{height:100%;object-fit:cover;width:100%}.store-item-name{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:6px}.store-item-description{color:#78716c;color:var(--text-secondary);font-size:.85rem;margin-bottom:10px}.store-item-price{color:#ca8a04;color:var(--accent-color);font-size:1rem;font-weight:600;margin-bottom:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--card-background);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:400px;overflow-y:auto;padding:28px;width:100%}.modal-content h2{color:#1c1917;color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:8px;text-align:center}.modal-subtitle{color:#78716c;color:var(--text-secondary);font-size:.9rem;margin-bottom:18px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.success-message{color:#16a34a;color:var(--success-color);font-size:.95rem;margin-bottom:8px;text-align:center}.remaining-coins{color:#78716c;color:var(--text-secondary);font-size:.9rem;margin-bottom:18px;text-align:center}.levelup-notification{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:18px;padding:14px}.levelup-notification-icon{font-size:1.25rem}.levelup-notification-text{color:#92400e;font-size:.9rem;font-weight:600}.levelup-page{background:linear-gradient(135deg,#fbbf24,#f97316)}.levelup-loading,.levelup-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.levelup-loading{color:#1c1917;font-size:1rem}.levelup-container{max-width:480px;padding:20px;width:100%}.levelup-card{background:#fff;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001a;padding:32px 28px}.levelup-celebration{margin-bottom:28px;text-align:center}.levelup-stars{animation:bounce .6s ease infinite alternate;font-size:3rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.levelup-title{color:#d97706;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.levelup-level{color:#78716c;color:var(--text-secondary);font-size:1rem}.levelup-slot{margin-bottom:24px}.slot-title{color:#1c1917;color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:14px;text-align:center}.options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.option-card{background:#fafaf9;background:var(--background-color);border:2px solid #0000;border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:14px;text-align:center;transition:all .15s}.option-card:hover:not(:disabled){border-color:#4f46e5;border-color:var(--primary-color)}.option-card.selected{background:#fffbeb;border-color:#d97706}.option-card:disabled{cursor:not-allowed;opacity:.5}.option-name{color:#1c1917;color:var(--text-color);font-size:.95rem;font-weight:600;margin-bottom:4px}.option-description{color:#78716c;color:var(--text-secondary);font-size:.8rem}.levelup-confirm-btn{background:#d97706;margin-top:18px}.levelup-confirm-btn:hover:not(:disabled){background:#b45309}.levelup-avatar-reveal{margin-bottom:24px;text-align:center}.avatar-preview{border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;height:140px;margin:0 auto 14px;overflow:hidden;width:140px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-reveal-text{color:#4f46e5;color:var(--primary-color);font-size:1rem;font-weight:600}@media (max-width:480px){.container{padding:16px}.card{margin-top:16px;padding:22px 18px}.navbar{padding:12px 16px}.nav-btn{font-size:.8rem;padding:6px 10px}}.generating-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generating-overlay p{color:#fff;font-size:1rem;margin-top:18px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.error-banner{align-items:center;background:#fef2f2;border-left:3px solid #dc2626;border-left:3px solid var(--error-color);border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;justify-content:space-between;margin:14px 0;padding:10px 18px}.error-banner-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 4px}.error-banner-close:hover{color:#991b1b}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:var(--card-background);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:220px}.admin-sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.admin-sidebar-header h1{color:var(--primary-color);font-size:1.25rem;margin:0}.admin-nav{flex:1 1;padding:15px 0}.admin-nav-item{color:var(--text-color);display:block;font-size:.95rem;padding:12px 20px;text-decoration:none;transition:background-color .2s,color .2s}.admin-nav-item:hover{background-color:var(--background-color)}.admin-nav-item.active{background-color:var(--primary-color);color:#fff}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding:15px}.admin-logout-btn{background:var(--secondary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:10px;transition:background-color .2s;width:100%}.admin-logout-btn:hover{background-color:#5a6268}.admin-main{background:var(--background-color);flex:1 1;margin-left:220px;min-height:100vh;padding:20px 30px}.admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.admin-page-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.admin-table-container{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.admin-table th{background:var(--background-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase}.admin-table tr:hover{background-color:var(--background-color)}.admin-table tr:last-child td{border-bottom:none}.admin-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.admin-btn-primary{background:var(--primary-color);color:#fff}.admin-btn-primary:hover{background:var(--primary-hover)}.admin-btn-secondary{background:var(--secondary-color);color:#fff}.admin-btn-secondary:hover{background:#5a6268}.admin-btn-danger{background:var(--error-color);color:#fff}.admin-btn-danger:hover{background:#c82333}.admin-btn-small{font-size:.8rem;padding:5px 10px}.admin-btn-group{display:flex;gap:8px}.admin-search{display:flex;gap:10px;margin-bottom:20px}.admin-search-input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:.95rem;max-width:300px;padding:10px 15px}.admin-search-input:focus{border-color:var(--primary-color);outline:none}.admin-pagination{align-items:center;background:var(--card-background);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px}.admin-pagination-info{color:var(--text-secondary);font-size:.9rem}.admin-pagination-buttons{display:flex;gap:10px}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;min-width:400px;overflow-y:auto;padding:25px}.admin-modal h3{color:var(--text-color);font-size:1.25rem;margin:0 0 20px}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-form-group{margin-bottom:15px}.admin-form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.admin-form-input{border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;padding:10px 12px;width:100%}.admin-form-input:focus{border-color:var(--primary-color);outline:none}.admin-form-input:disabled{background:var(--background-color);cursor:not-allowed}.admin-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.admin-card h3{color:var(--text-color);font-size:1.1rem;margin:0 0 15px}.admin-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.admin-badge-success{background:#d4edda;color:#155724}.admin-badge-danger{background:#f8d7da;color:#721c24}.admin-badge-info{background:#d1ecf1;color:#0c5460}.admin-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:5px;margin-bottom:20px;padding-bottom:0}.admin-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;margin-bottom:-2px;padding:10px 20px;transition:color .2s,border-color .2s}.admin-tab.active,.admin-tab:hover{color:var(--primary-color)}.admin-tab.active{border-bottom-color:var(--primary-color);font-weight:600}.admin-toggle{display:inline-block;height:24px;position:relative;width:44px}.admin-toggle input{height:0;opacity:0;width:0}.admin-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.admin-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.admin-toggle input:checked+.admin-toggle-slider{background-color:var(--primary-color)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translateX(20px)}.admin-inline-edit{align-items:center;display:flex;gap:8px}.admin-inline-input{border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;padding:5px 8px;width:80px}.admin-nested-list{border-left:2px solid var(--border-color);margin-left:20px;padding-left:15px}.admin-nested-item{border-bottom:1px solid var(--border-color);padding:10px 0}.admin-nested-item:last-child{border-bottom:none}.user-detail-header{display:flex;gap:30px;margin-bottom:30px}.user-info-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);flex:1 1;padding:20px}.user-info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 0}.user-info-row:last-child{border-bottom:none}.user-info-label{color:var(--text-secondary);font-size:.9rem}.user-info-value{color:var(--text-color);font-weight:500}.admin-empty{color:var(--text-secondary);padding:40px;text-align:center}.admin-empty p{margin-bottom:15px}.admin-alert{border-radius:6px;font-size:.9rem;margin-bottom:20px;padding:12px 15px}.admin-alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.confirm-dialog-text{color:var(--text-color);line-height:1.5;margin-bottom:20px}.tester-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr}.tester-avatar-section{display:flex;flex-direction:column}.tester-avatar-display{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;display:flex;height:300px;justify-content:center;overflow:hidden;width:300px}.tester-avatar-display img{height:100%;object-fit:contain;width:100%}.tester-avatar-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px}.tester-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.tester-avatar-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);max-width:500px}.tester-avatar-option{border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:10px;text-align:center;transition:border-color .2s,transform .2s}.tester-avatar-option:hover{border-color:var(--primary-color);transform:scale(1.02)}.tester-avatar-option img{aspect-ratio:1;border-radius:8px;object-fit:contain;width:100%}.tester-avatar-option span{color:var(--text-secondary);display:block;font-size:.9rem;margin-top:8px}.tester-history{margin-top:20px}.tester-history h4{color:var(--text-secondary);font-size:.9rem;margin:0 0 10px;text-transform:uppercase}.tester-history-item{border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s}.tester-history-item:hover{background:var(--background-color)}.tester-history-item.active{background:var(--primary-color);color:#fff}.tester-controls{min-width:0}.tester-prompt-area{font-family:inherit;min-height:80px;resize:vertical;width:100%}.tester-prompt-preview{background:var(--background-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-top:10px;padding:10px}.tester-prompt-preview em{color:var(--primary-color);font-style:normal;font-weight:500}@media (max-width:768px){.admin-sidebar{width:60px}.admin-nav-item span,.admin-sidebar-header h1{display:none}.admin-main{margin-left:60px;padding:15px}.admin-modal{margin:10px;min-width:auto;width:95%}.tester-layout{grid-template-columns:1fr}.tester-avatar-display{margin:0 auto;max-width:300px;width:100%}.tester-avatar-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.5be4a81b.css.map*/