@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--bg: #f4f2ff;--card: #ffffff;--border: #e0ddf5;--text: #1a1a2e;--text-muted: #7878a8;--accent: #6366f1;--accent2: #8b5cf6;--shadow: 0 4px 20px rgba(99,102,241,.1)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background .3s,color .3s;min-height:100vh}#root{min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #6366f133;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg);padding-bottom:80px}.container-full{min-height:100vh;position:relative;background:var(--bg);padding-bottom:80px}@media (min-width: 768px){.container-full{padding-left:2rem;padding-right:2rem}}@media (min-width: 1200px){.container-full{max-width:1920px;margin:0 auto;padding-left:3rem;padding-right:3rem}}@media (max-width: 768px){.admin-grid{grid-template-columns:1fr!important}}@media (min-width: 768px){.admin-grid{grid-template-columns:repeat(3,1fr)!important}}.page{padding:2rem 1.2rem 7rem}.card{background:var(--card);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow)}.btn{padding:1rem;border-radius:14px;border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;transition:all .3s}.btn:hover{transform:scale(1.02)}.btn:disabled{opacity:.7;cursor:wait}.btn-secondary{background:none;border:2px solid var(--border);color:var(--text)}.btn-danger{border-color:#ef4444;color:#ef4444}.input{width:100%;padding:1rem 1.2rem;border-radius:14px;border:2px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;font-family:var(--font-body);outline:none;box-sizing:border-box;margin-bottom:1rem}.title{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem}.title-lg{font-size:2.4rem;line-height:1.1}.title-md{font-size:1.8rem}.title-sm{font-size:1.3rem}.subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.badge{background:var(--accent);color:#fff;border-radius:20px;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.badge-muted{background:var(--border);color:var(--text-muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.stat-card{background:var(--card);border-radius:16px;padding:1rem;text-align:center;box-shadow:var(--shadow)}.stat-value{font-family:var(--font-display);font-size:1.4rem;color:var(--text);font-weight:700}.stat-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;transition:width 1s ease}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border-radius:20px;padding:.8rem 1.5rem;font-weight:700;font-size:.9rem;z-index:500;box-shadow:0 8px 30px #0003;white-space:nowrap;animation:slideDown .3s ease}.toast-achievement{background:linear-gradient(135deg,#f59e0b,#ef4444)}.loading-screen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{max-width:440px;width:100%;text-align:center}.login-logo{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.login-card{background:var(--card);border-radius:20px;padding:2rem;box-shadow:var(--shadow)}.avatar-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.avatar-btn{font-size:1.8rem;background:var(--bg);border:2px solid transparent;border-radius:12px;width:52px;height:52px;cursor:pointer;transition:all .2s}.avatar-btn.selected{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.error-box{background:#ef44441a;border:1px solid #ef4444;border-radius:12px;padding:.8rem;margin-bottom:1rem;font-size:.85rem;color:#ef4444}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.level-badge{background:var(--accent);color:#fff;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;margin-bottom:.3rem}.streak-badge{color:#ff6b35;font-size:.85rem;font-weight:700}.brain-section{background:var(--card);border-radius:20px;padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow);text-align:center}.xp-section{margin-top:1.5rem}.xp-labels{display:flex;justify-content:space-between;margin-bottom:.6rem;font-size:.8rem}.tip-card{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:20px;padding:1.2rem 1.5rem;margin-bottom:1.2rem;position:relative;overflow:hidden}.tip-icon{position:absolute;right:-10px;top:-10px;font-size:5rem;opacity:.15}.tip-label{color:#ffffffb3;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.tip-text{color:#fff;font-size:.9rem;margin:0;line-height:1.5}.achievements-preview{margin-top:1.2rem}.achievement-card{background:var(--card);border-radius:12px;padding:.6rem;text-align:center;box-shadow:var(--shadow);min-width:54}.subject-btn{background:var(--card);border:2px solid var(--border);border-radius:20px;padding:1.4rem 1.8rem;text-align:left;cursor:pointer;transition:all .2s;box-shadow:var(--shadow);width:100%}.subject-btn:hover{border-color:var(--accent);transform:translate(4px)}.subject-label{font-family:var(--font-display);font-size:1.3rem;color:var(--text);margin-bottom:.3rem}.subject-meta{color:var(--text-muted);font-size:.85rem}.subject-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.back-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:0}.flashcard-container{position:relative;width:100%;cursor:grab;-webkit-user-select:none;user-select:none}.flashcard-container:active{cursor:grabbing}.flashcard{background:var(--card);border-radius:28px;padding:2rem 1.8rem;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px #00000026;border:2px solid var(--border);position:relative;overflow:hidden}.flashcard-progress{position:absolute;top:0;left:0;right:0;height:4px}.flashcard-progress.correct{background:linear-gradient(90deg,#22c55e,#4ade80)}.flashcard-progress.question{background:linear-gradient(90deg,var(--accent),var(--accent2))}.flashcard-bg-icon{position:absolute;bottom:-30px;right:-30px;font-size:8rem;opacity:.04}.flashcard-badge{background:#6366f126;color:var(--accent);border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.flashcard-badge.answer{background:#22c55e26;color:#22c55e}.flashcard-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;text-align:center}.flashcard-text{font-family:var(--font-display);font-size:1.15rem;color:var(--text);line-height:1.6;margin:0}.flashcard-text.answer{font-family:var(--font-body);font-size:1rem}.flashcard-hint{color:var(--text-muted);font-size:.8rem;margin:0;text-align:center}.swipe-indicator{position:absolute;top:20px;background:#22c55e;color:#fff;border-radius:8px;padding:.4rem .9rem;font-size:1rem;font-weight:900;border:3px solid #22c55e;opacity:0;transform:rotate(-15deg);z-index:10;letter-spacing:.1em}.swipe-indicator.wrong{left:auto;right:20px;background:#ef4444;border-color:#ef4444;transform:rotate(15deg)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-title{font-weight:700;color:var(--text);font-size:.9rem}.session-progress-text{color:var(--text-muted);font-size:.9rem}.session-buttons{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;margin-top:1.5rem;align-items:center}.btn-circle{border-radius:50%;width:62px;height:62px;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.btn-circle.wrong{background:#ef44441a;border:2px solid #ef4444}.btn-circle.correct{background:#22c55e1a;border:2px solid #22c55e}.btn-circle-small{width:44px;height:44px;font-size:1rem;background:var(--border);border:none}.results-screen{padding:2rem 1.5rem 7rem;text-align:center}.results-icon{font-size:4rem;margin-bottom:1rem;animation:float 2s ease-in-out infinite}.results-title{font-family:var(--font-display);color:var(--text);font-size:2rem;margin-bottom:.5rem}.results-subtitle{color:var(--text-muted);margin-bottom:2rem}.results-card{background:var(--card);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.results-percentage{font-family:var(--font-display);font-size:3.5rem;margin-bottom:.5rem}.results-label{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.stats-overall{margin-bottom:1.2rem}.stats-label{color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.stats-box{text-align:center;background:var(--bg);border-radius:14px;padding:1.5rem}.stats-big{font-family:var(--font-display);font-size:3rem;color:var(--accent);font-weight:700}.stats-sub{font-size:.85rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.xp-card{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:20px;padding:1.2rem 1.5rem;margin-bottom:1.2rem}.xp-card-title{color:#ffffffb3;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.3rem}.xp-card-value{color:#fff;font-family:var(--font-display);font-size:2rem;margin:0;font-weight:700}.xp-card-row{display:flex;justify-content:space-between}.subject-stat-card{background:var(--card);border-radius:16px;padding:1.2rem;margin-bottom:.8rem;box-shadow:var(--shadow)}.subject-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.subject-stat-title{font-weight:700;color:var(--text);margin:0;font-size:.9rem}.subject-stat-percentage{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.subject-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.achievement-item{background:var(--card);border-radius:16px;padding:1rem;text-align:center;box-shadow:var(--shadow);opacity:.4;border:2px solid transparent;transition:all .3s}.achievement-item.earned{opacity:1;border-color:var(--accent)}.achievement-icon{font-size:1.8rem;margin-bottom:.4rem;filter:grayscale(1)}.achievement-item.earned .achievement-icon{filter:none}.achievement-name{font-size:.75rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.achievement-desc{font-size:.65rem;color:var(--text-muted);line-height:1.3}.profile-header{text-align:center;margin-bottom:2rem}.profile-avatar{font-size:5rem;margin-bottom:.5rem}.profile-name{font-family:var(--font-display);color:var(--text);font-size:1.8rem;margin-bottom:.3rem}.profile-email{color:var(--text-muted);font-size:.85rem;margin-bottom:.8rem}.profile-level{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:700}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 20px #0000001a}.nav-item{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .8rem;border-radius:12px;transition:all .2s;opacity:.55}.nav-item.active{opacity:1;transform:translateY(-2px)}.nav-icon{font-size:1.3rem}.nav-label{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.nav-item.active .nav-label{color:var(--accent)}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-weight:700;margin-bottom:.5rem;color:var(--text)}.empty-text{font-size:.9rem}.close-btn{background:var(--border);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:1rem;color:var(--text);display:flex;align-items:center;justify-content:center}