@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);.header{background:linear-gradient(135deg,var(--color-dark) 0,#2a7a8a 100%);box-shadow:var(--shadow-md);height:var(--header-height);justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.header,.header .logo{align-items:center;display:flex}.header .logo{gap:.75rem;text-decoration:none}.header .logo-icon{font-size:2rem;line-height:1}.header .logo h1{color:var(--color-accent);font-size:var(--font-size-lg);letter-spacing:.5px;white-space:nowrap}.header .nav-links{align-items:center;display:flex;gap:1.25rem}.header .nav-links a{align-items:center;border-radius:var(--radius-sm);color:var(--color-light);display:flex;font-size:var(--font-size-sm);font-weight:700;min-height:var(--touch-target);padding:.4rem .75rem;transition:background-color .2s ease,color .2s ease}.header .nav-links a:hover{background:#ffffff26;color:var(--color-accent)}.header .nav-links .nav-demo-link{background:linear-gradient(135deg,var(--color-primary),#ff8e53);border-radius:var(--radius-full);box-shadow:0 2px 8px #ff6b6b59;color:var(--color-white)!important;font-size:var(--font-size-sm);font-weight:700;padding:.4rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.header .nav-links .nav-demo-link:hover{background:linear-gradient(135deg,#e85555,#e87a40);box-shadow:0 4px 14px #ff6b6b80;transform:translateY(-1px)}.admin-badge{background:var(--color-accent);color:var(--color-dark);padding:.2rem .75rem}.admin-badge,.logout-btn{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700}.logout-btn{background:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-white);min-height:var(--touch-target);padding:.5rem 1.25rem}.logout-btn:hover{background:#e85555;box-shadow:var(--shadow-md)}@media (max-width:600px){.header{padding:0 1rem}.header .logo h1{font-size:var(--font-size-base)}}.home-page{background:var(--color-light);display:flex;flex-direction:column;min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,var(--color-dark) 0,#2a7a8a 100%);display:flex;gap:2rem;justify-content:space-between;min-height:480px;padding:4rem 4rem 3rem}.hero-content{flex:1 1;max-width:540px}.hero-content h1{color:var(--color-accent);font-size:var(--font-size-2xl);line-height:1.3;margin-bottom:1.25rem}.hero-content p{color:#f7fff7e6;font-size:var(--font-size-base);line-height:1.7;margin-bottom:.75rem}.cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.cta-button{background:linear-gradient(135deg,var(--color-primary),#ff8e53);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;min-height:var(--touch-target);padding:1rem 2.5rem;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{box-shadow:0 12px 32px #ff6b6b66;transform:translateY(-3px) scale(1.03)}.cta-button-outline{background:#0000;border:2px solid #f7fff780;border-radius:var(--radius-full);color:#f7fff7e6;cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;min-height:var(--touch-target);padding:1rem 2rem;transition:all .2s ease}.cta-button-outline:hover{background:#f7fff71f;border-color:#f7fff7d9;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;flex-shrink:0;justify-content:center}.hero-image .character{animation:bob 3s ease-in-out infinite;background:var(--color-secondary);border-radius:50%;box-shadow:0 8px 32px #4ecdc480;height:140px;position:relative;width:140px}.hero-image .character-eye{background:var(--color-dark);border-radius:50%;height:18px;position:absolute;top:50px;width:18px}.hero-image .character-eye.left{left:34px}.hero-image .character-eye.right{right:34px}.hero-image .character-mouth{border:4px solid var(--color-dark);border-radius:0 0 50px 50px;border-top:none;bottom:32px;height:24px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:3rem 4rem}.feature-card{background:var(--color-white);border-radius:var(--radius-lg);border-top:4px solid var(--color-secondary);box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-card i{color:var(--color-primary);display:block;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:var(--color-dark);font-size:var(--font-size-lg);margin-bottom:.75rem}.feature-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6}@media (max-width:900px){.hero{flex-direction:column;padding:3rem 2rem;text-align:center}.hero-content{max-width:100%}.hero-content h1{font-size:var(--font-size-xl)}.features{padding:2rem 1.5rem}}@media (max-width:480px){.features{grid-template-columns:1fr;padding:1.5rem 1rem}}.login-page{background:linear-gradient(160deg,#e0f7f6,#fff5e0);display:flex;flex-direction:column;min-height:100vh}.login-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem 1rem}.login-card{background:var(--color-white);border-radius:var(--radius-lg);border-top:5px solid var(--color-secondary);box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem 2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:.5rem}.login-header p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.character{animation:bob 3s ease-in-out infinite;background:var(--color-secondary);border-radius:50%;box-shadow:0 4px 16px #4ecdc466;height:80px;margin:0 auto 1rem;position:relative;width:80px}.character-eye{background:var(--color-dark);border-radius:50%;height:12px;position:absolute;top:30px;width:12px}.character-eye.left{left:20px}.character-eye.right{right:20px}.character-mouth{border:3px solid var(--color-dark);border-radius:0 0 28px 28px;border-top:none;bottom:20px;height:14px;left:50%;position:absolute;transform:translateX(-50%);width:28px}.login-btn{background:linear-gradient(135deg,var(--color-primary),#ff8e53);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;display:block;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;margin-top:.5rem;min-height:var(--touch-target);padding:.85rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.signup-link{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:1.5rem;text-align:center}.signup-link a{color:var(--color-secondary);font-weight:700;text-decoration:underline}.signup-link a:hover{color:var(--color-dark)}@media (max-width:480px){.login-card{padding:2rem 1.25rem}.login-header h2{font-size:var(--font-size-xl)}}.sidebar{background:linear-gradient(180deg,var(--color-dark) 0,#0f3740 100%);display:flex;flex-direction:column;flex-shrink:0;min-height:calc(100vh - var(--header-height));overflow:hidden;transition:width .25s ease;width:var(--sidebar-width)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:72px;padding:1.25rem 1rem}.sidebar-header .logo{align-items:center;display:flex;gap:.6rem;overflow:hidden}.sidebar-header .logo-icon{flex-shrink:0;font-size:1.6rem}.sidebar-header h2{color:var(--color-accent);font-size:var(--font-size-sm);white-space:nowrap}.toggle-btn{align-items:center;background:#ffffff1a;border-radius:var(--radius-sm);color:var(--color-light);display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:background .2s ease;width:32px}.toggle-btn:hover{background:#fff3}.sidebar-menu{flex:1 1;padding:.75rem 0}.sidebar-menu li{align-items:center;border-left:3px solid #0000;color:#f7fff7bf;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:700;gap:.85rem;height:var(--touch-target);overflow:hidden;padding:0 1rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.sidebar-menu li i{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.sidebar-menu li:hover{background:#ffffff14;border-left-color:var(--color-accent);color:var(--color-accent)}.sidebar-menu li.active{background:#4ecdc433;border-left-color:var(--color-secondary);color:var(--color-secondary)}.menu-text{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-menu li{gap:0;justify-content:center;padding:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.25rem .5rem}.activity-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:680px;overflow:hidden}.activity-header{background:linear-gradient(135deg,var(--color-primary) 0,#ff8e53 100%);color:var(--color-white);padding:1.5rem 2rem}.activity-header.scramble{background:linear-gradient(135deg,var(--color-secondary) 0,#6edcd5 100%);color:var(--color-dark)}.activity-header.category{background:linear-gradient(135deg,var(--color-accent) 0,#ffe599 100%);color:var(--color-dark)}.activity-header h2{align-items:center;display:flex;font-size:var(--font-size-xl);gap:.6rem;margin-bottom:.25rem}.activity-header p{font-size:var(--font-size-sm);opacity:.85}.activity-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.word-display{animation:popIn .3s ease;background:linear-gradient(135deg,#e8fafa,#fff5e0);border:3px solid var(--color-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-dark);font-size:3.5rem;font-weight:700;letter-spacing:4px;min-width:220px;padding:1.5rem 3rem;text-align:center}@keyframes popIn{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.btn{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:700;gap:.5rem;min-height:var(--touch-target);padding:.6rem 1.4rem}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-secondary);color:var(--color-dark)}.btn-primary:hover:not(:disabled){background:#3dbdb5;box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:#c5c5c5}.btn-accent{background:var(--color-accent);color:var(--color-dark)}.btn-accent:hover:not(:disabled){background:#f5c732;box-shadow:var(--shadow-md)}.input-group{display:flex;gap:.75rem;max-width:420px;width:100%}.input-group .form-control{border-color:var(--color-secondary);flex:1 1;font-size:var(--font-size-lg);letter-spacing:2px;text-align:center}.category-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-option{background:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-dark);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;min-height:var(--touch-target);min-width:120px;padding:.85rem 2rem;transition:all .2s ease}.category-option:hover{background:#e8fafa;border-color:var(--color-secondary);transform:translateY(-2px)}.category-option.selected{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:var(--shadow-sm);color:var(--color-dark)}.feedback{animation:slideDown .25s ease;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;max-width:420px;padding:.85rem 1rem;text-align:center;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback.error{background:#f8d7da;border:1px solid #f5c6c2;color:#721c24}.attempts{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:700}.tts-speed-control{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;max-width:460px;padding:.75rem 1rem;width:100%}.speed-label{color:var(--color-dark);font-size:.9rem;font-weight:600;min-width:90px;white-space:nowrap}.tts-speed-control input[type=range]{accent-color:var(--color-primary);cursor:pointer;flex:1 1;height:6px;min-width:80px}.speed-hint{color:#888;font-size:.78rem;white-space:nowrap}.voice-record-section{align-items:center;background:linear-gradient(135deg,#fff5f5,#fff0f8);border:2px dashed var(--color-primary);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;width:100%}.voice-section-title{color:var(--color-primary);display:flex;gap:.4rem;margin:0}.btn-record,.voice-section-title{align-items:center;font-size:1rem;font-weight:700}.btn-record{background:var(--color-primary);border:none;border-radius:50px;box-shadow:0 4px 14px #ff6b6b66;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-primary);gap:.5rem;min-height:48px;padding:.75rem 2rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-record:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.btn-record:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-record.recording{animation:pulse-border 1.2s ease-in-out infinite;background:#e74c3c}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #e74c3c80}50%{box-shadow:0 0 0 10px #e74c3c00}}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-pulse{animation:recording-pulse .8s ease-in-out infinite}.voice-score-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.95rem;font-weight:700;gap:.3rem;padding:.35rem 1rem}.voice-score-badge.pass{background:#d4f5e9;color:#1a7a4a}.voice-score-badge.medium{background:#fff3cd;color:#856404}.voice-score-badge.low{background:#fde8e8;color:#c0392b}.voice-feedback{background:#fff;border-radius:8px;color:var(--color-dark);font-size:.95rem;font-weight:600;max-width:360px;padding:.4rem .75rem;text-align:center}.voice-attempts{color:#888;font-size:.82rem;margin:0;text-align:center}.voice-progress-bar{display:flex;gap:6px;margin-top:.25rem}.voice-pip{background:#e0e0e0;border-radius:4px;height:8px;transition:background .3s ease;width:28px}.voice-pip.used{background:var(--color-primary)}.voice-pip.passed{background:#2ecc71}.voice-not-supported{align-items:center;color:#888;display:flex;font-size:.88rem;gap:.4rem;margin:0;text-align:center}@media (max-width:500px){.word-display{font-size:2.5rem;letter-spacing:2px;padding:1rem 1.5rem}.activity-content{gap:1rem;padding:1.25rem}.tts-speed-control{align-items:flex-start;flex-direction:column}.tts-speed-control input[type=range]{width:100%}}.progress-tracker{max-width:680px}.progress-tracker h2{color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:2rem}.progress-overview{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem}.progress-circle{flex-shrink:0;height:160px;position:relative;width:160px}.progress-ring{background:var(--color-gray-200);box-shadow:var(--shadow-sm)}.progress-circle .progress-fill,.progress-ring{height:100%;width:100%}.progress-circle .progress-fill,.progress-ring,.progress-text{align-items:center;border-radius:50%;display:flex;justify-content:center}.progress-text{background:var(--color-white);color:var(--color-dark);font-size:var(--font-size-xl);font-weight:700;height:110px;inset:0;bottom:0;box-shadow:inset 0 2px 6px #0000000f;left:0;margin:auto;position:absolute;right:0;top:0;width:110px}.progress-details{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;min-width:220px}.progress-item h3{color:var(--color-dark);font-size:var(--font-size-sm);margin-bottom:.4rem}.progress-item span{color:var(--color-gray-500);display:block;font-size:var(--font-size-sm);margin-top:.3rem}.progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:20px;overflow:hidden}.progress-bar .progress-fill{background:linear-gradient(90deg,var(--color-secondary),#6edcd5);border-radius:var(--radius-full);height:100%;transition:width .6s ease}.achievements-container{max-width:680px}.achievements-container h2{color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:1.5rem}.progress-summary{margin-bottom:2rem}.progress-summary p{color:var(--color-dark);font-size:var(--font-size-base);font-weight:700;margin-bottom:.6rem}.progress-summary .progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:16px;overflow:hidden}.progress-summary .progress-fill{background:linear-gradient(90deg,var(--color-accent),#ffb347);border-radius:var(--radius-full);height:100%;transition:width .6s ease}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.badge-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem 1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.badge-card.unlocked{background:linear-gradient(135deg,#fffde7,#fff9c4);border-color:var(--color-accent)}.badge-card.unlocked:hover{box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.03)}.badge-card.locked{filter:grayscale(60%);opacity:.55}.badge-icon{font-size:2.2rem;line-height:1;margin-bottom:.6rem}.badge-card.unlocked .badge-icon{color:var(--color-accent);filter:drop-shadow(0 2px 4px rgba(255,209,102,.5))}.badge-card.locked .badge-icon{color:var(--color-gray-500)}.badge-name{color:var(--color-dark);font-size:var(--font-size-sm);font-weight:700;margin-bottom:.3rem}.badge-status{color:var(--color-gray-500);font-size:.8rem}.badge-card.unlocked .badge-status{color:#b8860b;font-weight:700}.weekly-progress{max-width:680px}.weekly-progress h2{color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:1.5rem}.week-navigation{align-items:center;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1.25rem}.week-navigation button{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-dark);display:flex;font-size:1rem;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:background .2s ease;width:40px}.week-navigation button:hover{background:var(--color-secondary);color:var(--color-dark)}.week-display{color:var(--color-dark);font-size:var(--font-size-base);font-weight:700}.week-calendar{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(7,1fr)}.day-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.85rem .5rem;position:relative;text-align:center;transition:transform .2s ease}.day-card.completed{background:#e8fafa;border-color:var(--color-secondary)}.day-card.perfect{background:linear-gradient(135deg,#fffde7,#fff9c4);border-color:var(--color-accent)}.day-card:hover{transform:translateY(-2px)}.day-header{margin-bottom:.5rem}.day-name{color:var(--color-dark);display:block;font-size:var(--font-size-sm);font-weight:700}.day-date{color:var(--color-gray-500);display:block;font-size:.75rem}.day-status{font-size:1.4rem;line-height:1;margin:.4rem 0}.fa-check-circle.completed{color:var(--color-secondary)}.fa-check-circle.perfect{color:var(--color-accent)}.fa-clock{color:var(--color-gray-500)}.perfect-badge{background:var(--color-accent);border-radius:var(--radius-full);bottom:-8px;color:#b8860b;font-size:.65rem;font-weight:700;left:50%;padding:.1rem .4rem;position:absolute;transform:translateX(-50%);white-space:nowrap}@media (max-width:520px){.week-calendar{grid-template-columns:repeat(4,1fr)}.weekly-progress{max-width:100%}}@media (max-width:360px){.week-calendar{grid-template-columns:repeat(3,1fr)}}.microphone-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.microphone-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:2rem}.microphone-modal-header h2{color:#333;font-size:1.5rem;margin:0 0 1rem}.microphone-modal-header p{color:#666;line-height:1.5;margin:0}.microphone-modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.microphone-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.microphone-btn.enable{background-color:#4caf50;color:#fff}.microphone-btn.enable:hover{background-color:#45a049}.microphone-btn.skip{background-color:#f0f0f0;color:#333}.microphone-btn.skip:hover{background-color:#e0e0e0}.microphone-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:1rem 0;padding:1rem;position:relative}.microphone-warning-content{align-items:center;display:flex;gap:1rem}.microphone-warning-content p{color:#856404;flex:1 1;margin:0}.microphone-btn.dismiss{background-color:#ffc107;color:#333;white-space:nowrap}.microphone-btn.dismiss:hover{background-color:#ffb300}.dashboard-page{background:var(--color-light);display:flex;flex-direction:column;min-height:100vh}.dashboard-layout{display:flex;flex:1 1;min-height:calc(100vh - var(--header-height))}.dashboard-main{flex:1 1;max-width:900px;overflow-y:auto;padding:2rem}.welcome-banner{background:linear-gradient(135deg,var(--color-secondary) 0,#6edcd5 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem 2rem}.welcome-banner h1{color:var(--color-dark);font-size:var(--font-size-xl);margin-bottom:.25rem}.welcome-banner p{color:var(--color-dark);font-size:var(--font-size-base);opacity:.85}@media (max-width:768px){.dashboard-main{padding:1rem}.welcome-banner{padding:1rem 1.25rem}.welcome-banner h1{font-size:var(--font-size-lg)}}.admin-dashboard{max-width:960px}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:.25rem}.dashboard-header p{color:var(--color-gray-500);font-size:var(--font-size-base)}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2.5rem}.stat-card{align-items:center;background:var(--color-white);border-left:4px solid var(--color-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.stat-icon.users{background:#e3f2fd;color:#1565c0}.stat-icon.active-users{background:#e8f5e9;color:#2e7d32}.stat-icon.sight-words{background:#fce4ec;color:#c62828}.stat-icon.scramble{background:#fff3e0;color:#e65100}.stat-icon.category{background:#f3e5f5;color:#6a1b9a}.stat-content h3{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:.2rem}.stat-value{color:var(--color-dark);font-size:var(--font-size-xl);font-weight:700;line-height:1}.recent-activity{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.recent-activity h2{border-bottom:2px solid var(--color-gray-100);color:var(--color-dark);font-size:var(--font-size-lg);margin-bottom:1rem;padding-bottom:.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:flex-start;background:var(--color-gray-100);border-radius:var(--radius-sm);display:flex;gap:.85rem;padding:.75rem}.activity-icon{color:var(--color-secondary);flex-shrink:0;font-size:1.1rem;margin-top:2px}.activity-content p{color:var(--color-dark);font-size:var(--font-size-sm);margin-bottom:.15rem}.activity-time{color:var(--color-gray-500);font-size:.8rem}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.toast{align-items:center;animation:toastSlideIn .3s ease-out;border-radius:12px;bottom:1.5rem;box-shadow:0 6px 24px #00000026;display:flex;font-size:.95rem;font-weight:500;gap:.6rem;max-width:360px;padding:.85rem 1.2rem;position:fixed;right:1.5rem;z-index:2000}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#d4f5e9;border-left:4px solid #2ecc71;color:#1a7a4a}.toast-error{background:#fde8e8;border-left:4px solid #e74c3c;color:#c0392b}.toast-info{background:#e8f4ff;border-left:4px solid #4ecdc4;border-left:4px solid var(--color-secondary,#4ecdc4);color:#1a5276}.toast-message{flex:1 1;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:.85rem;opacity:.6;padding:.1rem .2rem}.toast-close:hover{opacity:1}@media (max-width:480px){.toast{bottom:1rem;left:1rem;max-width:100%;right:1rem}}.user-management{max-width:960px}.user-management-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.user-management-header h1{color:var(--color-dark);font-size:var(--font-size-2xl)}.search-container{align-items:center;display:flex;position:relative}.search-input{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-dark);font-family:var(--font-primary);font-size:var(--font-size-sm);min-height:var(--touch-target);min-width:220px;padding:.65rem 1rem .65rem 2.75rem;transition:border-color .2s ease}.search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #4ecdc433;outline:none}.search-icon{color:var(--color-gray-500);left:.9rem;pointer-events:none;position:absolute}.users-table-container{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.users-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.users-table thead tr{background:var(--color-dark);color:var(--color-light)}.users-table th{font-size:var(--font-size-sm);padding:.85rem 1rem;text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid var(--color-gray-100);padding:.85rem 1rem;vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#f0fdfc}.upload-modal{display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden}.upload-modal-header{align-items:flex-start;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;display:flex;flex-shrink:0;gap:1rem;padding:1.25rem 1.5rem}.upload-modal-header>i{flex-shrink:0;font-size:1.8rem;margin-top:.1rem}.upload-modal-header h2{color:#fff;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1.1rem;margin:0 0 .2rem}.upload-modal-header p{font-size:.85rem;margin:0;opacity:.9}.upload-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.upload-format-guide{background:#f0fff4;border:1px solid #b2dfdb;border-radius:10px;color:#444;font-size:.9rem;padding:.85rem 1rem}.guide-title{align-items:center;color:#27ae60;display:flex;font-weight:600;gap:.35rem;margin:0 0 .4rem}.upload-format-guide code{background:#d4edda;border-radius:4px;color:#155724;font-size:.88rem;padding:.1rem .35rem}.guide-note{color:#888;display:block;font-size:.8rem;margin:.3rem 0 0}.file-drop-zone{align-items:center;background:#f9fffe;border:2px dashed #27ae60;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1rem;text-align:center;transition:background .15s,border-color .15s}.file-drop-zone:hover{background:#e8faf0;border-color:#2ecc71}.upload-icon{color:#27ae60;font-size:2.5rem}.drop-title{color:#333;font-size:1rem;font-weight:700}.drop-sub{color:#888;font-size:.82rem}.upload-error{align-items:flex-start;background:#fde8e8;border:1px solid #f5c6c2;border-radius:10px;color:#c0392b;display:flex;font-size:.9rem;gap:.5rem;padding:.85rem 1rem}.review-banner{align-items:center;background:#d4f5e9;border:1px solid #a8e6c9;border-radius:10px;color:#155724;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem}.review-banner i{flex-shrink:0;font-size:1.2rem}.review-banner>div{flex:1 1}.dedup-note{color:#856404;font-weight:600}.change-file-btn{align-items:center;background:none;border:1px solid #27ae60;border-radius:6px;color:#27ae60;cursor:pointer;display:flex;font-size:.78rem;gap:.25rem;padding:.25rem .6rem;white-space:nowrap}.change-file-btn:hover{background:#e8faf0}.review-table-wrapper{border:1px solid #e0e0e0;border-radius:10px;overflow-x:auto}.review-table{border-collapse:collapse;font-size:.88rem;width:100%}.review-table thead tr{background:#f5f5f5}.review-table th{border-bottom:2px solid #e0e0e0;color:#555;font-weight:700;padding:.5rem .75rem;text-align:left}.review-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:.5rem .75rem}.review-table tbody tr:hover{background:#fafafa}.row-num{color:#aaa;font-size:.8rem;width:32px}.distractors{color:#666;font-size:.82rem}.remove-row-btn{background:none;border:none;border-radius:6px;color:#ccc;cursor:pointer;padding:.25rem .4rem;transition:color .15s,background .15s}.remove-row-btn:hover{background:#fde8e8;color:#e74c3c}.empty-review{color:#aaa;font-style:italic;padding:1.5rem;text-align:center}.upload-modal-actions{border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-modal-cancel{transition:border-color .15s}.btn-modal-cancel:hover{border-color:#bbb}.btn-modal-confirm{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;box-shadow:0 4px 14px #2ecc7159;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;min-height:44px;padding:.65rem 1.75rem;transition:transform .15s,box-shadow .15s}.btn-modal-confirm:hover:not(:disabled){box-shadow:0 6px 20px #2ecc7173;transform:translateY(-1px)}.btn-modal-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.upload-modal{max-width:100%}.upload-modal-actions{flex-direction:column}.btn-modal-cancel,.btn-modal-confirm{justify-content:center;width:100%}}.modal-overlay{animation:overlayFadeIn .2s ease;background:#00000073;z-index:1500}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalSlideUp .25s ease-out;box-shadow:0 12px 48px #0003}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.email-modal{max-width:500px;overflow:hidden;padding:0}.email-modal-header{align-items:flex-start;background:linear-gradient(135deg,#4ecdc4,#6edcd5);background:linear-gradient(135deg,var(--color-secondary,#4ecdc4),#6edcd5);color:#fff;display:flex;gap:1rem;padding:1.25rem 1.5rem}.email-modal-header>i{flex-shrink:0;font-size:1.8rem;margin-top:.1rem}.email-modal-header h2{color:#fff;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1.1rem;margin:0 0 .2rem}.email-modal-header p{font-size:.85rem;margin:0;opacity:.9}.modal-close-btn{align-items:center;background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;transition:background .15s;width:32px}.modal-close-btn:hover{background:#ffffff73}.email-inputs-list{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem 0}.email-input-row{align-items:center;display:flex;gap:.5rem}.email-icon{color:#4ecdc4;color:var(--color-secondary,#4ecdc4);flex-shrink:0;width:16px}.email-input-row .form-control{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:.9rem;padding:.6rem .85rem;transition:border-color .15s}.email-input-row .form-control:focus{border-color:#4ecdc4;border-color:var(--color-secondary,#4ecdc4);outline:none}.remove-email-btn{background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;line-height:1;padding:.3rem;transition:color .15s,background .15s}.remove-email-btn:hover{background:#fde8e8;color:#e74c3c}.add-email-btn{align-items:center;background:none;border:2px dashed #4ecdc4;border:2px dashed var(--color-secondary,#4ecdc4);border-radius:10px;color:#4ecdc4;color:var(--color-secondary,#4ecdc4);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.4rem;margin:.75rem 1.5rem 0;padding:.5rem 1rem;transition:background .15s;width:calc(100% - 3rem)}.add-email-btn:hover{background:#f0fffc}.email-limit-notice{align-items:center;color:#aaa;display:flex;font-size:.82rem;gap:.35rem;margin:.5rem 1.5rem 0}.email-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.btn-modal-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:50px;color:#555;cursor:pointer;font-family:inherit;font-weight:600;min-height:44px;padding:.65rem 1.5rem;transition:border-color .15s,background .15s}.btn-modal-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-modal-send{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--color-primary,#ff6b6b),#ff8e53);border:none;border-radius:50px;box-shadow:0 4px 14px #ff6b6b59;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;min-height:44px;padding:.65rem 1.75rem;transition:transform .15s,box-shadow .15s}.btn-modal-send:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b73;transform:translateY(-1px)}.btn-modal-send:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.email-modal{max-width:100%}.email-modal-actions{flex-direction:column}.btn-modal-cancel,.btn-modal-send{justify-content:center;width:100%}}.analytics-title{color:#1a535c;color:var(--color-dark,#1a535c);font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1.75rem;margin:0 0 1rem}.analytics-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.analytics-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.4rem;min-height:44px;padding:.6rem 1.25rem;transition:transform .15s,box-shadow .15s}.analytics-btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.analytics-btn:hover:not(:disabled){transform:translateY(-1px)}.btn-export{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 3px 10px #2ecc7159;color:#fff}.btn-export:hover:not(:disabled){box-shadow:0 5px 16px #2ecc7173}.btn-email{background:linear-gradient(135deg,#4ecdc4,#6edcd5);background:linear-gradient(135deg,var(--color-secondary,#4ecdc4),#6edcd5);box-shadow:0 3px 10px #4ecdc459;color:#fff}.btn-email:hover:not(:disabled){box-shadow:0 5px 16px #4ecdc473}.analytics-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.analytics-stat-card{background:#fff;border-left:4px solid #4ecdc4;border-left:4px solid var(--color-secondary,#4ecdc4);border-radius:12px;box-shadow:0 2px 10px #00000012;padding:1.25rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.analytics-stat-card:hover{box-shadow:0 4px 18px #0000001a;transform:translateY(-2px)}.analytics-stat-card h3{color:#888;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0 0 .4rem;text-transform:uppercase}.analytics-stat-value{color:#1a535c;color:var(--color-dark,#1a535c);font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.analytics-stat-label{color:#aaa;font-size:.82rem;margin:0}.analytics-stat-label.positive{color:#2ecc71;font-weight:600}.analytics-section-title{color:#1a535c;color:var(--color-dark,#1a535c);font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1.25rem;margin:0 0 .75rem}.analytics-loading{color:#888;font-size:1rem;padding:2rem;text-align:center}.analytics-table-wrapper{border-radius:12px;box-shadow:0 2px 10px #00000012;overflow-x:auto}.analytics-table{background:#fff;border-collapse:collapse;font-size:.95rem;width:100%}.analytics-table thead tr{background:#4ecdc4;background:var(--color-secondary,#4ecdc4);color:#fff}.analytics-table th{font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.analytics-table td{border-bottom:1px solid #f0f0f0;color:#444;padding:.65rem 1rem}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table tbody tr:nth-child(2n){background:#f9fffe}.analytics-table tbody tr:hover{background:#f0fffc}.analytics-empty{color:#aaa;font-style:italic;padding:2rem;text-align:center}.accuracy-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.2rem .5rem}.accuracy-badge.high{background:#d4f5e9;color:#1a7a4a}.accuracy-badge.medium{background:#fff3cd;color:#856404}.accuracy-badge.low{background:#fde8e8;color:#c0392b}.accuracy-badge.none{background:#f0f0f0;color:#aaa}.voice-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.2rem .5rem}.voice-badge.pass{background:#d4f5e9;color:#1a7a4a}.voice-badge.low{background:#fde8e8;color:#c0392b}.voice-badge.none{background:#f0f0f0;color:#aaa}@media (max-width:600px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-title{font-size:1.4rem}}@media (max-width:380px){.analytics-stats-grid{grid-template-columns:1fr}}.stm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.stm-modal{background:#fff;border-radius:20px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.stm-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.stm-header h3{color:#1a535c;font-size:1.05rem;margin:0 0 4px}.stm-header p{color:#888;font-size:.85rem;margin:0}.stm-close{background:none;border:none;color:#aaa;cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;padding:2px 6px}.stm-close:hover{color:#555}.stm-search{border-bottom:1px solid #f0f0f0;padding:12px 24px}.stm-search-input{border:2px solid #e0e0e0;border-radius:50px;box-sizing:border-box;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.stm-search-input:focus{border-color:#4ecdc4}.stm-list{flex:1 1;overflow-y:auto;padding:8px 0}.stm-empty{color:#aaa;font-size:.9rem;margin:0;padding:24px;text-align:center}.stm-row{align-items:center;border-bottom:1px solid #f8f8f8;display:flex;gap:12px;justify-content:space-between;padding:10px 24px;transition:background .15s}.stm-row:last-child{border-bottom:none}.stm-row.granted{background:#f0fffb}.stm-student-info{gap:12px;min-width:0}.stm-avatar,.stm-student-info{align-items:center;display:flex}.stm-avatar{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:700;height:38px;justify-content:center;width:38px}.stm-name{color:#333;font-size:.92rem;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stm-username{color:#999;font-size:.78rem;margin:0}.stm-toggle-btn{border:none;border-radius:50px;cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:700;min-width:88px;padding:7px 16px;transition:background .2s;white-space:nowrap}.stm-toggle-btn.grant{background:#4ecdc4;color:#fff}.stm-toggle-btn.revoke{background:#ffe5e5;color:#ff6b6b}.stm-toggle-btn.grant:hover{background:#3bb8af}.stm-toggle-btn.revoke:hover{background:#ffd0d0}.stm-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.stm-footer{border-top:1px solid #f0f0f0;padding:16px 24px;text-align:right}.stm-done-btn{background:#ff6b6b;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 28px;transition:background .2s}.stm-done-btn:hover{background:#e05555}.feature-flags-page{max-width:900px;padding:24px}.ff-page-header{margin-bottom:32px}.ff-page-header h2{color:#1a535c;font-size:1.6rem;margin:0 0 6px}.ff-page-header p{color:#666;font-size:.95rem;margin:0}.ff-section{margin-bottom:36px}.ff-section-title{border-bottom:2px solid #ffd166;color:#1a535c;display:inline-block;font-size:1.1rem;margin:0 0 12px;padding-bottom:8px}.ff-section-desc{color:#666;font-size:.9rem;margin:0 0 16px}.ff-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:20px 24px}.ff-card-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.ff-card-info{align-items:flex-start;display:flex;gap:14px}.ff-card-icon{font-size:1.6rem;line-height:1;margin-top:2px}.ff-card-title{color:#1a535c;font-size:1rem;font-weight:700;margin:0 0 4px}.ff-card-desc{color:#666;font-size:.88rem;line-height:1.4;margin:0}.ff-toggle{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;gap:8px;min-width:80px;padding:6px 14px 6px 8px;transition:background .2s,color .2s}.ff-toggle.on{background:#4ecdc4;color:#fff}.ff-toggle.off{background:#e0e0e0;color:#888}.ff-toggle:disabled{cursor:not-allowed;opacity:.5}.ff-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:inline-block;flex-shrink:0;height:22px;width:22px}.ff-toggle-label{white-space:nowrap}.ff-activities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ff-activity-section{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.ff-activity-header{align-items:center;background:linear-gradient(135deg,#f0fffe,#fff);border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:16px 20px}.ff-activity-icon{font-size:1.4rem}.ff-activity-header h3{color:#1a535c;font-size:1rem;margin:0}.ff-tier-list{display:flex;flex-direction:column}.ff-tier-baseline{align-items:center;background:#f8fff8;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:12px 16px}.ff-tier-baseline .ff-tier-label{color:#1a535c;font-size:.88rem;font-weight:700;margin:0}.ff-tier-baseline .ff-tier-range{color:#888;font-size:.78rem;margin:0}.ff-always-on{background:#e8fffe;color:#4ecdc4;font-size:.75rem;margin-left:auto;padding:3px 8px}.ff-always-on,.ff-tier-badge{border-radius:50px;font-weight:700;white-space:nowrap}.ff-tier-badge{background:#ffd166;color:#1a535c;flex-shrink:0;font-size:.7rem;padding:3px 7px}.ff-tier-badge.baseline{background:#4ecdc4;color:#fff}.ff-tier-row{border-bottom:1px solid #f0f0f0;transition:background .2s}.ff-tier-row:last-child{border-bottom:none}.ff-tier-row.tier-enabled{background:#fffbf0}.ff-tier-header{justify-content:space-between;padding:12px 16px}.ff-tier-header,.ff-tier-info{align-items:center;display:flex;gap:10px}.ff-tier-info{min-width:0}.ff-tier-label{color:#333;font-size:.88rem;font-weight:700;margin:0}.ff-tier-range{color:#888;font-size:.78rem;margin:0}.ff-tier-students{background:#ffd16614;border-top:1px dashed #ffd166;padding:10px 16px 14px}.ff-tier-students-note{color:#666;font-size:.82rem;margin:0 0 10px}.ff-assign-btn{background:#ff6b6b;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 18px;transition:background .2s}.ff-assign-btn:hover{background:#e05555}.ff-loading-page{align-items:center;color:#888;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 24px}.ff-spinner{animation:ff-spin .8s linear infinite;border:4px solid #ffd166;border-radius:50%;border-top-color:#ff6b6b;height:40px;width:40px}@keyframes ff-spin{to{transform:rotate(1turn)}}.ff-loading{color:#aaa;font-size:.85rem;margin:0}.admin-page{background:var(--color-gray-100);display:flex;flex-direction:column;min-height:100vh}.admin-layout{display:flex;flex:1 1;min-height:calc(100vh - var(--header-height))}.admin-main-content{flex:1 1;overflow-y:auto;padding:2rem}.admin-main-content h1{border-bottom:3px solid var(--color-secondary);color:var(--color-dark);font-size:var(--font-size-2xl);margin-bottom:1.5rem;padding-bottom:.5rem}@media (max-width:768px){.admin-main-content{padding:1rem}}.coming-soon-page{background:linear-gradient(135deg,#fff9f0,#f0fffc);display:flex;flex-direction:column;min-height:100vh}.coming-soon-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem 1rem}.coming-soon-card{animation:cardFadeIn .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 8px 40px #4ecdc42e,0 2px 12px #0000000f;max-width:520px;padding:3rem 2.5rem;text-align:center;width:100%}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cs-character{display:inline-block;margin-bottom:1.5rem;position:relative}.cs-body{animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffd166);border-radius:50%;box-shadow:0 6px 20px #ff6b6b59;height:90px;margin:0 auto;position:relative;width:90px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cs-eye{animation:blink 3.5s ease-in-out infinite;background:#1a535c;border-radius:50%;height:14px;position:absolute;top:28px;width:14px}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.cs-eye.left{left:20px}.cs-eye.right{right:20px}.cs-mouth{border:3px solid #1a535c;border-radius:0 0 20px 20px;border-top:none;bottom:20px;width:30px}.cs-hat,.cs-mouth{height:14px;left:50%;position:absolute;transform:translateX(-50%)}.cs-hat{background:#4ecdc4;border-radius:4px;top:-8px;width:50px}.cs-hat:before{background:#4ecdc4;border-radius:4px 4px 0 0;bottom:100%;content:"";display:block;height:24px;left:50%;position:absolute;transform:translateX(-50%);width:28px}.cs-tools{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cs-tool{animation:orbit 4s linear infinite;font-size:1.2rem;position:absolute}.tool-1{animation-delay:0s;left:-18px;top:-18px}.tool-2{animation-delay:1.3s;right:-18px;top:-18px}.tool-3{animation-delay:2.6s;bottom:-14px;left:50%;transform:translateX(-50%)}@keyframes orbit{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.cs-title{color:#ff6b6b;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:2rem;line-height:1.2;margin:0 0 .5rem}.cs-subtitle{color:#4ecdc4;font-size:1.15rem;font-weight:600;margin:0 0 1rem}.cs-path{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:inline-flex;font-size:.85rem;gap:.4rem;margin-bottom:1rem;max-width:100%;overflow:hidden;padding:.3rem .75rem}.cs-path code{color:#1a535c;font-weight:600;word-break:break-all}.cs-path-label{color:#999;flex-shrink:0}.cs-description{color:#555;font-size:1rem;line-height:1.6;margin:0 0 2rem}.cs-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.cs-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1.75rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.cs-btn:hover{transform:translateY(-2px)}.cs-btn:active{transform:translateY(0)}.cs-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 14px #ff6b6b66;color:#fff}.cs-btn-primary:hover{box-shadow:0 6px 20px #ff6b6b80}.cs-btn-secondary{background:#fff;border:2px solid #4ecdc4;box-shadow:0 2px 8px #4ecdc433;color:#4ecdc4}.cs-btn-secondary:hover{background:#f0fffc;box-shadow:0 4px 14px #4ecdc459}.cs-fun-note{color:#aaa;font-size:.9rem;margin:0}@media (max-width:480px){.coming-soon-card{padding:2rem 1.25rem}.cs-title{font-size:1.6rem}.cs-actions{align-items:center;flex-direction:column}.cs-btn{justify-content:center;width:100%}}.auth-confirm-page{align-items:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);display:flex;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;justify-content:center;min-height:100vh;padding:24px}.auth-confirm-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #00000026;max-width:460px;padding:48px 40px;text-align:center;width:100%}.app-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:36px}.logo-star{font-size:2rem}.app-name{color:#1a535c;font-size:1.4rem;margin:0}.confirm-state{align-items:center;display:flex;flex-direction:column;gap:12px}.confirm-state h2{color:#1a535c;font-size:1.6rem;margin:0}.confirm-state p{color:#555;font-size:1rem;line-height:1.6;margin:0}.sub-note{color:#888!important;font-size:.88rem!important}.spinner{animation:spin .8s linear infinite;border:5px solid #ffd166;border-radius:50%;border-top-color:#ff6b6b;height:52px;margin-bottom:8px;width:52px}@keyframes spin{to{transform:rotate(1turn)}}.big-icon{font-size:3.5rem;margin-bottom:4px}.confirm-btn{background:#ff6b6b;border-radius:50px;color:#fff;display:inline-block;font-family:inherit;font-size:1.05rem;font-weight:700;margin-top:8px;padding:14px 36px;text-decoration:none;transition:background .2s}.confirm-btn:hover{background:#e05555}.confirm-link{color:#4ecdc4;display:block;font-size:.9rem;margin-top:12px;text-decoration:none}.confirm-link:hover{text-decoration:underline}.reset-form{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%}.reset-input{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.reset-input:focus{border-color:#4ecdc4}.reset-error{color:#ff6b6b;font-size:.88rem;margin:0}.reset-form .confirm-btn{border:none;cursor:pointer;width:100%}.reset-form .confirm-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.2) rotate(30deg)}}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 #ff6b6b99;transform:scale(1)}50%{box-shadow:0 0 0 16px #ff6b6b00;transform:scale(1.08)}}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes letterSlide{0%{opacity:0;transform:translateY(-20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgeBounce{0%{opacity:0;transform:translateY(20px) scale(.7)}70%{transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.mv-page{background:#1a2e3b;display:flex;flex-direction:column;font-family:Comic Sans MS,Chalkboard SE,cursive;inset:0;overflow:hidden;position:fixed;z-index:9999}.mv-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1.5rem;position:relative;z-index:10}.mv-home-btn{background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;font-family:inherit;font-size:.85rem;padding:.4rem 1rem;transition:background .2s;white-space:nowrap}.mv-home-btn:hover{background:#ffffff38}.mv-dot-nav{align-items:center;display:flex;gap:.5rem}.mv-dot{background:#0000;border:2px solid #fff6;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.mv-dot.done{background:#fff6;border-color:#fff6}.mv-dot.active{background:#ff6b6b;border-color:#ff6b6b;transform:scale(1.3)}.mv-mute-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;line-height:1;transition:background .2s,transform .15s;width:36px}.mv-mute-btn:hover{background:#ffffff38;transform:scale(1.1)}.mv-progress-bar{background:#ffffff26;height:4px;position:relative;z-index:10}.mv-progress-fill{animation:progressFill linear forwards;background:linear-gradient(90deg,#ff6b6b,gold);height:100%}.mv-progress-fill.paused{animation-play-state:paused}.mv-slides-container{flex:1 1;overflow:hidden;position:relative}.mv-slide{inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.mv-slide.active{opacity:1;pointer-events:all;transform:translateY(0)}.mv-slide-inner{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:100%}.slide-dark{background:linear-gradient(135deg,#1a3a4a,#0d2535)}.slide-teal{background:linear-gradient(135deg,#0e4f5c,#1a7a8a)}.slide-coral{background:linear-gradient(135deg,#b5341a,#d4552c)}.slide-cta{background:linear-gradient(135deg,#2d1b5e,#1a3a4a 60%,#0d2535)}.mv-slide-content{max-width:1100px;position:relative;width:100%;z-index:2}.mv-slide-content.center{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.mv-slide-content.split{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.mv-slide-content.split.reverse{direction:ltr}.mv-slide.active .anim-1{animation:fadeUp .6s .15s both}.mv-slide.active .anim-2{animation:fadeUp .6s .4s both}.mv-slide.active .anim-3{animation:fadeUp .6s .65s both}.mv-slide.active .anim-4{animation:fadeUp .6s .9s both}.mv-slide.active .anim-5{animation:fadeUp .6s 1.15s both}.mv-slide.active .anim-phone{animation:fadeUp .8s .3s both}.mv-app-name{color:#ffd700b3;font-size:clamp(.8rem,1.5vw,1rem);font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.mv-emoji{animation:bob 2.5s ease-in-out infinite;display:inline-block;font-size:4rem}.mv-headline{color:gold;font-size:clamp(1.8rem,4vw,3rem);line-height:1.25;margin:0;text-shadow:0 2px 20px #00000080}.mv-sub{font-size:clamp(1rem,2.5vw,1.4rem)}.mv-body,.mv-sub{color:#ffffffd9;margin:0}.mv-body{font-size:clamp(.95rem,2vw,1.25rem);line-height:1.7}.mv-body strong{color:#4ecdc4}.mv-highlight{color:gold}.mv-divider{background:linear-gradient(90deg,#ff6b6b,gold);border-radius:2px;height:3px;width:60px}.mv-tagline{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mv-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;color:#ffffffe6;font-size:.9rem;padding:.4rem 1rem}.mv-sparkles{inset:0;pointer-events:none;position:absolute}.mv-sparkle{animation:sparkleFloat 3s ease-out infinite;font-size:1.5rem;position:absolute}.sp-0{animation-delay:0s;animation-duration:3.2s;bottom:20%;left:5%}.sp-1{animation-delay:.4s;animation-duration:2.8s;bottom:10%;left:12%}.sp-2{animation-delay:.8s;animation-duration:3.5s;bottom:30%;left:20%}.sp-3{animation-delay:.2s;animation-duration:3s;bottom:5%;left:30%}.sp-4{animation-delay:.6s;animation-duration:2.6s;bottom:15%;left:45%}.sp-5{animation-delay:1s;animation-duration:3.3s;bottom:25%;left:55%}.sp-6{animation-delay:.3s;animation-duration:2.9s;bottom:8%;left:65%}.sp-7{animation-delay:.7s;animation-duration:3.1s;bottom:20%;left:75%}.sp-8{animation-delay:.1s;animation-duration:3.4s;bottom:35%;left:82%}.sp-9{animation-delay:.5s;animation-duration:2.7s;bottom:12%;left:88%}.sp-10{animation-delay:.9s;animation-duration:3s;bottom:28%;left:93%}.sp-11{animation-delay:1.2s;animation-duration:2.5s;bottom:45%;left:8%}.mv-copy{display:flex;flex-direction:column;gap:1.25rem}.mv-activity-label{color:#fff9;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mv-feature-title{color:gold;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.3;margin:0}.mv-feature-desc{color:#fffc;font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.7;margin:0}.mv-feature-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.mv-stat{align-items:flex-start;display:flex;flex-direction:column}.mv-stat-num{color:#4ecdc4;font-size:1.8rem;font-weight:700;line-height:1}.mv-stat-label{color:#ffffff8c;font-size:.75rem;margin-top:2px}.mv-phone-mockup{display:flex;justify-content:center}.mv-phone-frame{animation:bob 3s ease-in-out infinite;background:#1a1a2e;border:3px solid #fff3;border-radius:40px;box-shadow:0 0 0 2px #ffffff0d,0 30px 80px #0009,inset 0 0 30px #ffffff08;height:400px;overflow:hidden;position:relative;width:220px}.mv-phone-frame.dark{background:#0d0d1a}.mv-phone-notch{background:#1a1a2e;border-radius:0 0 14px 14px;height:14px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80px;z-index:2}.mv-phone-frame.dark .mv-phone-notch{background:#0d0d1a}.mv-phone-screen{background:linear-gradient(180deg,#2a4a5e,#1a3a4a);border-radius:30px;inset:18px 10px 10px;justify-content:center;padding:1rem;position:absolute}.mv-phone-screen,.mv-word-card{align-items:center;display:flex}.mv-word-card{flex-direction:column;gap:.75rem;width:100%}.mv-word-label{color:#ffffff8c;font-size:.65rem}.mv-big-word{animation:bob 2s ease-in-out infinite;color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 12px #ffd70066}.mv-mic-btn{align-items:center;animation:micPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;box-shadow:0 4px 16px #ff6b6b80;display:flex;font-size:1.3rem;height:50px;justify-content:center;width:50px}.mv-stars-row{display:flex;gap:.3rem}.mv-star{font-size:1.2rem;opacity:.3}.mv-star.filled{opacity:1}.mv-slide.active .anim-star-1{animation:starPop .5s 1.2s both}.mv-slide.active .anim-star-2{animation:starPop .5s 1.6s both}.mv-slide.active .anim-star-3{animation:starPop .5s 2s both}.mv-scramble-demo{align-items:center;display:flex;flex-direction:column;gap:.6rem;width:100%}.mv-scramble-label{color:#ffffff8c;font-size:.65rem}.mv-letter-boxes{display:flex;gap:5px}.mv-letter-box{align-items:center;background:linear-gradient(135deg,#ff8e53,#ff6b6b);border-radius:6px;box-shadow:0 3px 8px #ff6b6b66;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:34px;justify-content:center;opacity:0;width:30px}.mv-scramble-hint{color:#ffffff73;font-size:.55rem;text-align:center}.mv-score-badge{background:linear-gradient(135deg,#4ecdc4,#44c3ba);border-radius:12px;color:#fff;font-size:.65rem;font-weight:700;opacity:0;padding:.25rem .6rem}.mv-slide.active .anim-letter-0{animation:letterSlide .4s .5s both}.mv-slide.active .anim-letter-1{animation:letterSlide .4s .7s both}.mv-slide.active .anim-letter-2{animation:letterSlide .4s .9s both}.mv-slide.active .anim-letter-3{animation:letterSlide .4s 1.1s both}.mv-slide.active .anim-letter-4{animation:letterSlide .4s 1.3s both}.mv-slide.active .mv-score-badge{animation:scaleIn .5s 1.8s both}.mv-category-demo{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.mv-category-label{color:#ffffff8c;font-size:.6rem}.mv-category-word{animation:bob 2.5s ease-in-out infinite;color:gold;font-size:1.4rem;font-weight:700}.mv-category-options{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;width:100%}.mv-cat-option{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;font-size:.58rem;padding:.3rem .4rem;text-align:center}.mv-cat-option.correct{background:#4ecdc44d;border-color:#4ecdc4;color:#4ecdc4;font-weight:700}.mv-categories-grid{display:flex;flex-wrap:wrap;gap:.5rem}.mv-cat-chip{background:#ffffff1a;border:1px solid #fff3;border-radius:14px;color:#ffffffd9;font-size:.8rem;padding:.3rem .7rem}.mv-badges-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mv-achievement-badge{animation:badgeBounce .6s both;background:linear-gradient(135deg,#ffd70033,#ff6b6b33);border:1px solid #ffd70066;border-radius:20px;color:gold;font-size:.85rem;padding:.5rem 1rem}.mv-slide.active .badge-0{animation-delay:.3s}.mv-slide.active .badge-1{animation-delay:.5s}.mv-slide.active .badge-2{animation-delay:.7s}.mv-slide.active .badge-3{animation-delay:.9s}.mv-slide.active .badge-4{animation-delay:1.1s}.mv-safety-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;max-width:500px}.mv-safety-item{align-items:center;color:#ffffffd9;display:flex;font-size:.9rem;gap:.6rem}.mv-safety-icon{font-size:1.3rem}.mv-numbers-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.mv-num-item{align-items:center;display:flex;flex-direction:column}.mv-num{color:#4ecdc4;font-size:2rem;font-weight:700;line-height:1}.mv-num-lbl{color:#ffffff80;font-size:.7rem;margin-top:2px}.mv-cta-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.mv-cta-shape{border-radius:50%;opacity:.08;position:absolute}.shape-0{animation:shapeFloat 7s ease-in-out infinite;background:#ff6b6b;height:400px;left:-150px;top:-200px;width:400px}.shape-1{animation:shapeFloat 9s ease-in-out 1s infinite;background:#4ecdc4;bottom:-100px;height:300px;right:-100px;width:300px}.shape-2{animation:shapeFloat 6s ease-in-out 2s infinite;background:gold;height:200px;left:60%;top:40%;width:200px}.shape-3{animation:shapeFloat 8s ease-in-out .5s infinite;background:#ff6b6b;bottom:30%;height:150px;left:20%;width:150px}.shape-4{animation:shapeFloat 10s ease-in-out 1.5s infinite;background:#4ecdc4;height:250px;right:20%;top:10%;width:250px}.shape-5{animation:shapeFloat 5s ease-in-out 3s infinite;background:gold;height:100px;right:35%;top:60%;width:100px}.mv-cta-headline{color:gold;font-size:clamp(1.8rem,4vw,3rem);line-height:1.3;margin:0;text-shadow:0 2px 20px #ffd7004d}.mv-cta-sub{color:#ffffffd9;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;margin:0}.mv-cta-sub strong{color:#4ecdc4}.mv-cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.mv-cta-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:40px;box-shadow:0 8px 30px #ff6b6b80;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;min-height:44px;padding:1rem 2.5rem;transition:transform .2s,box-shadow .2s}.mv-cta-primary:hover{box-shadow:0 14px 40px #ff6b6b99;transform:translateY(-3px) scale(1.03)}.mv-cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:40px;color:#ffffffbf;cursor:pointer;font-family:inherit;font-size:1rem;min-height:44px;padding:.85rem 1.75rem;transition:all .2s}.mv-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.mv-cta-note{color:#fff6;font-size:.8rem;margin:0;max-width:400px;text-align:center}@media (max-width:768px){.mv-slide-content.split{gap:2rem;grid-template-columns:1fr}.mv-phone-mockup{order:-1}.mv-phone-frame{height:290px;width:160px}.mv-headline{font-size:1.6rem}.mv-feature-title{font-size:1.4rem}.mv-feature-stats{justify-content:center}.mv-numbers-row{gap:1.25rem}.mv-cta-buttons{flex-direction:column}}@media (max-width:480px){.mv-slide-inner{padding:1rem}.mv-headline{font-size:1.3rem}.mv-topbar{padding:.5rem .75rem}.mv-home-btn,.mv-pause-btn{font-size:.75rem;padding:.3rem .7rem}}.site-footer{background:var(--color-dark);color:#f7fff7bf;font-size:var(--font-size-sm);margin-top:auto}.footer-main{border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:2rem;padding:2.5rem 3rem 1.5rem}.footer-brand{align-items:flex-start;display:flex;flex-shrink:0;gap:.75rem;min-width:180px}.footer-logo{font-size:2rem;line-height:1}.footer-app-name{color:var(--color-accent);font-size:var(--font-size-base);font-weight:700;margin-bottom:.25rem}.footer-tagline{color:#f7fff78c;font-size:.72rem;line-height:1.4}.footer-legal-cols{display:flex;flex:1 1;flex-wrap:wrap;gap:1.5rem 2.5rem}.footer-legal-block{flex:1 1;min-width:200px}.footer-legal-block h4{color:var(--color-accent);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.footer-legal-block p{color:#f7fff78c;font-size:.72rem;line-height:1.6}.footer-bottom{align-items:center;background:#0003;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;padding:1rem 3rem}.footer-bottom p{color:#f7fff773;font-size:.72rem;line-height:1.5}.footer-disclaimer{max-width:600px;text-align:right}@media (max-width:900px){.footer-main{flex-direction:column;padding:2rem 1.5rem 1rem}.footer-legal-cols{gap:1.25rem}.footer-bottom{align-items:flex-start;flex-direction:column;gap:.4rem;padding:1rem 1.5rem}.footer-disclaimer{text-align:left}}:root{--color-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-accent:#ffd166;--color-dark:#1a535c;--color-light:#f7fff7;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-200:#e0e0e0;--color-gray-500:#9e9e9e;--color-error:#e74c3c;--color-success:#2ecc71;--font-primary:"Comic Sans MS","Chalkboard SE","Comic Sans",cursive;--font-size-base:18px;--font-size-sm:15px;--font-size-lg:22px;--font-size-xl:28px;--font-size-2xl:36px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--touch-target:44px;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:68px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;font-size:var(--font-size-base);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#f7fff7;background-color:var(--color-light);font-family:Comic Sans MS,Chalkboard SE,Comic Sans,cursive;font-family:var(--font-primary);line-height:1.6;min-height:100vh}a,body{color:#1a535c;color:var(--color-dark)}a{text-decoration:none;transition:color .2s ease}a:hover{color:#ff6b6b;color:var(--color-primary)}button{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:Comic Sans MS,Chalkboard SE,Comic Sans,cursive;font-family:var(--font-primary);min-height:44px;min-height:var(--touch-target);min-width:44px;min-width:var(--touch-target);transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease}button:active{transform:scale(.97)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd166;outline:3px solid var(--color-accent);outline-offset:2px}input,select,textarea{font-family:Comic Sans MS,Chalkboard SE,Comic Sans,cursive;font-family:var(--font-primary);font-size:18px;font-size:var(--font-size-base)}ul{list-style:none}.error-message{background:#fdecea;border:1px solid #f5c6c2;border-radius:8px;border-radius:var(--radius-sm);color:#e74c3c;color:var(--color-error);font-size:15px;font-size:var(--font-size-sm);margin-bottom:1rem;padding:.75rem 1rem}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-group label{font-size:15px;font-size:var(--font-size-sm);font-weight:700}.form-control,.form-group label{color:#1a535c;color:var(--color-dark)}.form-control{background:#fff;background:var(--color-white);border:2px solid #e0e0e0;border:2px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius-sm);font-size:18px;font-size:var(--font-size-base);padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#4ecdc4;border-color:var(--color-secondary);box-shadow:0 0 0 3px #4ecdc433;outline:none}.action-btn{background:#4ecdc4;background:var(--color-secondary);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white);font-size:15px;font-size:var(--font-size-sm);font-weight:700;min-height:44px;min-height:var(--touch-target);padding:.5rem 1.25rem}.action-btn:hover{background:#3dbdb5;box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#e0e0e0;background:var(--color-gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#1a535c;color:var(--color-dark);font-size:15px;font-size:var(--font-size-sm);min-height:44px;min-height:var(--touch-target);padding:.5rem 1.25rem}.btn-secondary:hover{background:#9e9e9e;background:var(--color-gray-500);color:#fff;color:var(--color-white)}.modal-overlay{align-items:center;background:#1a535c80;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-card{background:#fff;background:var(--color-white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000029;box-shadow:var(--shadow-lg);max-width:480px;padding:2rem;width:100%}.modal-card h3{color:#1a535c;color:var(--color-dark);font-size:28px;font-size:var(--font-size-xl);margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.status-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:15px;font-size:var(--font-size-sm);font-weight:700;padding:.2rem .75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.app{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.753e690d.css.map*/