:root{--primary-color:#6c5ce7;--primary-dark:#5b4cdb;--secondary-color:#00cec9;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#e17055;--bg-color:#f8f9fa;--card-bg:#ffffff;--text-primary:#2d3436;--text-secondary:#636e72;--border-color:#dfe6e9;--shadow:0 4px 20px rgba(0, 0, 0, 0.1);--shadow-hover:0 8px 30px rgba(0, 0, 0, 0.15);--radius:16px;--radius-sm:10px}[data-theme=dark]{--bg-color:#1a1a2e;--card-bg:#16213e;--text-primary:#eaeaea;--text-secondary:#a0a0a0;--border-color:#2d3748}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:'Fredoka One',cursive}.container{margin:0 auto;padding:10px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.logo{font-size:2rem;color:var(--primary-color);display:flex;align-items:center;gap:10px}.streak-badge{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#ff6b6b,#ffa502);padding:8px 16px;border-radius:50px;color:#fff;font-weight:700}.fire{font-size:1.2rem}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color),#a29bfe);border-radius:var(--radius);padding:40px;margin:20px 0;color:#fff;gap:40px}.hero-content h2{font-size:2rem;margin-bottom:10px}.hero-content p{font-size:1.1rem;opacity:.9;margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--primary-color);border:none;padding:14px 28px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s;font-family:Nunito,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.2)}.btn-secondary{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color);padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s;font-family:Nunito,sans-serif}.btn-secondary:hover{background:var(--primary-color);color:#fff}.hero-abacus{flex-shrink:0}.mini-abacus{background:rgba(255,255,255,.2);border-radius:var(--radius);padding:20px}.abacus-frame{display:flex;gap:20px}.rod{display:flex;flex-direction:column;align-items:center;gap:5px}.bead{width:30px;height:20px;background:#dfe6e9;border-radius:10px;transition:.3s}.bead.upper{background:#fd79a8}.bead.upper.active{transform:translateY(10px);background:#e84393}.bead.lower{background:#74b9ff}.bead.lower.active{transform:translateY(-5px);background:#0984e3}.beam{width:40px;height:4px;background:rgba(255,255,255,.5);margin:5px 0}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.stat-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow);transition:.3s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.learning-section{margin:30px 0}.learning-section h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary)}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.stage-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow);cursor:pointer;transition:.3s;position:relative;overflow:hidden}.stage-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stage-card.locked{opacity:.7;cursor:not-allowed}.stage-card.locked:hover{transform:none}.lock-overlay{position:absolute;right:20px;font-size:1.5rem}.stage-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),#a29bfe);border-radius:50%}.stage-info h4{font-size:1.1rem;color:var(--text-primary)}.stage-info p{font-size:.9rem;color:var(--text-secondary)}.stage-progress{flex-grow:1;margin-left:auto}.progress-bar{width:80px;height:8px;background:var(--border-color);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success-color),#55efc4);border-radius:10px;width:0%;transition:width .5s}.actions-section{margin:30px 0}.actions-section h3{font-size:1.5rem;margin-bottom:20px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.action-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius);padding:25px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:.3s;font-family:Nunito,sans-serif}.action-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow)}.action-icon{font-size:2.5rem}.action-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.footer{text-align:center;padding:20px 0}.settings-btn{background:0 0;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:10px 20px;border-radius:50px;transition:.3s;font-family:Nunito,sans-serif}.settings-btn:hover{background:var(--card-bg);color:var(--text-primary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.modal.active{display:flex}.modal-content{background:var(--card-bg);border-radius:var(--radius);padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{font-size:1.5rem;margin-bottom:20px;text-align:center}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color)}.setting-item label{font-weight:600}.setting-item select{padding:8px 15px;border-radius:var(--radius-sm);border:2px solid var(--border-color);font-family:Nunito,sans-serif;font-size:1rem;background:var(--card-bg);color:var(--text-primary)}.setting-item input[type=checkbox]{width:24px;height:24px;cursor:pointer}.modal-actions{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.achievements-content{max-width:600px}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.achievement-card{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-color);border-radius:var(--radius-sm);opacity:.5}.achievement-card.unlocked{opacity:1;background:linear-gradient(135deg,rgba(0,184,148,.1),rgba(85,239,196,.1));border:2px solid var(--success-color)}.achievement-icon{font-size:2rem}.achievement-info h4{font-size:.95rem}.achievement-info p{font-size:.8rem;color:var(--text-secondary)}@media (max-width:900px){.hero{flex-direction:column;text-align:center}.actions-grid{grid-template-columns:repeat(2,1fr)}.stats-section{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.stats-section{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid,.stages-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}