@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap");:root{--navy:#0d1b2a;--navy-mid:#1a2e44;--navy-light:#243b55;--teal:#25d366;--teal-dim:#1aae54;--teal-text:#12803f;--teal-glow:rgba(37,211,102,.15);--warm-white:#f7f9fc;--card-bg:#fff;--border:#e2e8f0;--text-main:#0d1b2a;--text-sub:#64748b;--text-light:#94a3b8;--critical:#ef4444;--average:#f59e0b;--developing:#3b82f6;--strong:#10b981;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--radius:12px;--radius-lg:20px;--shadow:0 2px 16px rgba(13,27,42,.08);--shadow-lg:0 8px 40px rgba(13,27,42,.12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--warm-white);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}a{color:var(--teal-text);text-decoration:none}a:hover{color:#0e6b34}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .18s ease}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input{font-family:var(--font-body);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-primary{background:var(--teal);color:var(--navy);font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius);letter-spacing:.01em}.btn-primary:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,211,102,.3)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-sub);font-weight:500;font-size:14px;padding:10px 20px;border-radius:var(--radius);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-text);background:var(--teal-glow)}.badge-critical{background:#fef2f2;color:var(--critical);border:1px solid #fecaca}.badge-average{background:#fffbeb;color:var(--average);border:1px solid #fde68a}.badge-developing{background:#eff6ff;color:var(--developing);border:1px solid #bfdbfe}.badge-strong{background:#ecfdf5;color:var(--strong);border:1px solid #a7f3d0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-display)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#3ed67b);border-radius:99px;transition:width .4s ease}@media (max-width:640px){html{font-size:15px}}.dashboard-shell{display:flex;min-height:100vh}.dashboard-sidebar{width:260px;flex-shrink:0;background:var(--navy);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.dashboard-main{flex:1 1;min-width:0}.sidebar-brand{padding:1.25rem 1.25rem .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:1px;padding:0 .75rem}.sidebar-footer{margin-top:auto;padding:.85rem 1.25rem;border-top:1px solid #1a2e44}.sidebar-selection{margin-bottom:8px}.sidebar-logout{width:100%;padding:7px 10px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#94a3b8;font-size:13px;font-weight:500;padding:6px 10px;border-radius:8px}.sidebar-nav-item:hover{background:var(--navy-mid);color:#fff}.sidebar-nav-item.active{background:var(--teal-glow);color:var(--teal)}.sidebar-session-row:hover{background:var(--navy-mid)}.sidebar-sessions{scrollbar-width:thin;scrollbar-color:var(--navy-light) transparent}.sidebar-sessions::-webkit-scrollbar{width:6px}.sidebar-sessions::-webkit-scrollbar-track{background:transparent}.sidebar-sessions::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:99px}.sidebar-sessions::-webkit-scrollbar-thumb:hover{background:#35507a}.pyq-small-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}@media (max-width:900px){.pyq-small-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.pyq-small-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-shell{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:static;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand footer" "nav nav";align-items:center;grid-column-gap:12px;column-gap:12px;grid-row-gap:10px;row-gap:10px;padding:.75rem 1rem}.dashboard-sidebar .sidebar-section-label,.dashboard-sidebar .sidebar-sessions,.dashboard-sidebar .sidebar-user{display:none}.dashboard-sidebar .sidebar-brand{grid-area:brand;padding:0}.dashboard-sidebar .sidebar-footer{grid-area:footer;margin-top:0;padding:0;border-top:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.dashboard-sidebar .sidebar-selection{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar .sidebar-logout{width:auto;padding:6px 12px;flex-shrink:0;white-space:nowrap}.dashboard-sidebar .sidebar-nav{grid-area:nav;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.sidebar-nav-item{background:var(--navy-mid);border-radius:10px}.dashboard-sidebar .sidebar-nav-item.active{background:var(--teal-glow)}}.mode-card:hover{border-color:var(--teal)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.login-page{display:flex;min-height:100vh}.login-form-panel{width:100%;max-width:480px;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f7f9fc}@media (max-width:768px){.login-page{flex-direction:column}.login-form-panel{max-width:100%}}.mindy-hi{position:absolute;right:calc(26px + 78px + 12px);bottom:calc(100% + 14px);width:max-content;max-width:200px;background:#fff;color:var(--navy);border:1px solid var(--border);font-family:var(--font-body);font-size:13.5px;font-weight:700;line-height:1.3;text-align:left;padding:8px 12px;border-radius:14px 14px 4px 14px;box-shadow:0 8px 20px rgba(13,27,42,.12)}.mindy-hi:after{content:"";position:absolute;right:-6px;bottom:12px;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:0;border-left:6px solid #fff}.quickstart-chips{margin-top:84px}@media (max-width:640px){.mindy-hi{max-width:calc(50vw - 56px);font-size:13px}.quickstart-chips{margin-top:108px}}.answer-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.wrong-flash{position:absolute;inset:0;background:rgba(239,68,68,.12);animation:wrong-flash-fade .5s ease-out forwards}@keyframes wrong-flash-fade{0%{opacity:1}to{opacity:0}}.confetti-piece{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--drift),100vh) rotate(var(--rotate));opacity:0}}.clap-piece{position:absolute;bottom:8%;font-size:28px;animation:clap-rise 1.3s ease-out forwards}@keyframes clap-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-160px) scale(1.1);opacity:0}}