:root{--bg: #faf7f2;--bg-card: #ffffff;--bg-inset: #f3ede3;--text: #2d2a26;--text-muted: #6f675c;--border: #e5dccc;--primary: #d35400;--primary-soft: #fdebd9;--primary-text: #ffffff;--accent: #b7410e;--green: #1e8449;--green-soft: #e6f4ea;--yellow: #b7950b;--yellow-soft: #fdf6dd;--red: #c0392b;--red-soft: #fbe9e7;--gold: #d4a017;--shadow: 0 2px 8px rgba(60, 40, 10, .08);--radius: 12px}[data-theme=dark]{--bg: #1e1a16;--bg-card: #2a251f;--bg-inset: #352e26;--text: #f0e9df;--text-muted: #b3a895;--border: #4a4136;--primary: #e67e22;--primary-soft: #4a3421;--accent: #e59866;--green: #58d68d;--green-soft: #1d3326;--yellow: #f4d03f;--yellow-soft: #3a3315;--red: #ec7063;--red-soft: #3d1f1b;--shadow: 0 2px 8px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg);color:var(--text);transition:background .2s,color .2s}h1,h2,h3{line-height:1.25}label{font-size:16px;font-weight:600}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;min-height:44px;background:var(--bg-inset);color:var(--text)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-secondary{background:var(--bg-inset);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-link{background:none;padding:4px;min-height:0;color:var(--primary);text-decoration:underline}input,textarea,select{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);width:100%}textarea{resize:vertical}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.tag-green{background:var(--green-soft);color:var(--green)}.tag-yellow{background:var(--yellow-soft);color:var(--yellow)}.tag-red{background:var(--red-soft);color:var(--red)}.tag-grey{background:var(--bg-inset);color:var(--text-muted)}.error-banner{background:var(--red-soft);color:var(--red);padding:10px 14px;border-radius:8px;margin:8px 0}.warn-banner{background:var(--yellow-soft);color:var(--yellow);padding:10px 14px;border-radius:8px;margin:8px 0}.success-banner{background:var(--green-soft);color:var(--green);padding:10px 14px;border-radius:8px;margin:8px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border-radius:var(--radius);padding:28px;max-width:640px;width:92%;max-height:88vh;overflow-y:auto}.topnav{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--bg-card);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:50}.topnav .logo{font-size:22px;font-weight:800;color:var(--primary);text-decoration:none}.topnav .page-title{font-size:16px;font-weight:600;color:var(--text-muted)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.dropdown{position:absolute;right:24px;top:60px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);min-width:180px;z-index:60;overflow:hidden}.dropdown button{display:block;width:100%;text-align:left;border-radius:0;background:none}.dropdown button:hover{background:var(--bg-inset)}.page{max-width:1280px;margin:0 auto;padding:24px}.two-col{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:start}.two-col.even{grid-template-columns:1fr 1fr}.two-col>*{min-width:0}.two-col .card{min-width:0;max-width:100%}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{text-align:center;padding:16px 10px}.stat-card .icon{font-size:26px}.stat-card .number{font-size:32px;font-weight:800;margin:2px 0}.stat-card .label{font-size:13px;color:var(--text-muted)}.progress-track{background:var(--bg-inset);border-radius:999px;height:18px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .4s}.badge-row{display:flex;gap:12px;overflow-x:auto;padding:6px 2px}.badge-card{min-width:108px;text-align:center;padding:12px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.badge-card.earned{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.badge-card.locked{filter:grayscale(1);opacity:.55}.badge-card .icon{font-size:30px}.badge-card .name{font-size:12px;font-weight:700;margin-top:4px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.badge-card.new{animation:sparkle .8s ease-in-out 3}.chat-area{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;flex:1}.bubble{max-width:78%;padding:12px 16px;border-radius:16px;position:relative}.bubble.student{align-self:flex-end;background:var(--primary-soft);border-bottom-right-radius:4px}.bubble.ai{align-self:flex-start;background:var(--bg-inset);border-bottom-left-radius:4px}.bubble .spanish{font-size:16px}.bubble .translation{font-size:12.5px;color:var(--text-muted);margin-top:6px;border-top:1px dashed var(--border);padding-top:6px}.bubble .bubble-actions{position:absolute;top:4px;right:6px;display:flex;gap:4px}.bubble .bubble-actions button{min-height:0;padding:2px 4px;background:none;font-size:14px}.bubble.interim{opacity:.55;font-style:italic}.mic-btn{width:84px;height:84px;border-radius:50%;font-size:34px;background:var(--primary);color:#fff;border:4px solid var(--primary-soft);-webkit-user-select:none;user-select:none;touch-action:none}.mic-btn.listening{background:var(--red);animation:sparkle 1s infinite}.timer{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.timer.warning{color:var(--red)}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}table.data th{font-size:12.5px;text-transform:uppercase;color:var(--text-muted)}table.data tr:hover td{background:var(--bg-inset)}.stars{color:var(--gold);font-size:18px;letter-spacing:2px}.quote-box{background:var(--primary-soft);border:1px dashed var(--primary);border-radius:10px;padding:12px 16px;margin-top:10px;font-style:italic}.small-screen-block{display:none}@media (max-width: 1023px){.small-screen-block{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--bg);align-items:center;justify-content:center;text-align:center;padding:32px;font-size:18px}}.checklist-step{display:flex;align-items:center;gap:12px;padding:10px 0}.checklist-step .check{font-size:22px}.form-grid{display:grid;gap:14px}.form-grid label{display:block;margin-bottom:4px}.auth-wrap{max-width:440px;margin:7vh auto}.auth-wrap .logo-big{font-size:40px;font-weight:900;color:var(--primary);text-align:center}.signup-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-inset);text-decoration:none;color:var(--text)}.signup-choice:hover{border-color:var(--primary);background:var(--bg-card)}.signup-choice strong{color:var(--primary)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.confetti span{position:absolute;top:-20px;font-size:22px;animation:fall 2.6s linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.3}}