:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{color:#e5e7eb;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#111827 0,#020617 52%);min-height:100vh;margin:0;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.app-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#c084fc2e,#0000 60%),radial-gradient(circle at 100% 100%,#4ade8029,#0000 60%),#0f172af5;border:1px solid #94a3b847;border-radius:24px;width:100%;max-width:430px;padding:20px 18px 22px;box-shadow:0 18px 45px #0f172ae6,0 0 0 1px #0f172ae6}.app-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.app-logo{letter-spacing:.06em;text-transform:uppercase;color:#020617;background:radial-gradient(circle at 20% 0,#4ade80 0,#15803d 40%,#22c55e 80%);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;box-shadow:0 0 0 1px #0f172ae6,0 14px 30px #22c55e66}.app-title{letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb;margin:0;font-size:20px}.app-tagline{letter-spacing:.16em;text-transform:uppercase;color:#9ca3af;margin:2px 0 0;font-size:11px}.app-subtle{color:#9ca3af;margin:0;font-size:12px}.page-centered{justify-content:center;align-items:center;min-height:220px;display:flex}.stack-md{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:10px;display:flex}.section{flex-direction:column;gap:4px;display:flex}.section-title{color:#e5e7eb;margin:0;font-size:18px}.section-subtitle{color:#9ca3af;margin:0;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:#d1d5db;font-size:12px}.input{color:#e5e7eb;background:#0f172ad9;border:1px solid #94a3b899;border-radius:999px;outline:none;padding:9px 12px;font-size:13px}.input::placeholder{color:#6b7280}.input:focus-visible{border-color:#c084fc;box-shadow:0 0 0 1px #c084fccc}.button{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out,color .12s ease-out,border-color .12s ease-out;display:inline-flex}.button.primary{color:#020617;background:linear-gradient(135deg,#c084fc,#4ade80);box-shadow:0 12px 35px #000000a6,0 0 0 1px #0f172ae6}.button.ghost{color:#e5e7eb;background:#0f172acc;border:1px solid #94a3b8b3}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px #000000bf,0 0 0 1px #0f172ae6}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 25px #000000b3,0 0 0 1px #0f172ae6}.button:disabled{opacity:.6;cursor:default;box-shadow:none}.role-card{cursor:pointer;text-align:left;background:radial-gradient(circle at 0 0,#c084fc29,#0000 60%),#0f172af5;border:1px solid #94a3b8b3;border-radius:18px;flex-direction:column;gap:6px;padding:14px 14px 12px;transition:border-color .14s ease-out,box-shadow .14s ease-out,transform .12s ease-out,background .14s ease-out;display:flex}.role-card:hover:not(:disabled){border-color:#c084fc;transform:translateY(-1px);box-shadow:0 14px 35px #111827e6}.role-pill{text-transform:uppercase;letter-spacing:.12em;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:500}.role-pill.teacher{color:#e9d5ff;background:#c084fc33}.role-pill.student{color:#bbf7d0;background:#4ade8033}.role-title{color:#e5e7eb;margin:0;font-size:15px}.role-body{color:#9ca3af;margin:0;font-size:13px}.card-soft{background:#0f172acc;border:1px dashed #94a3b8b3;border-radius:16px;padding:12px 14px}.divider{text-transform:uppercase;letter-spacing:.16em;color:#6b7280;align-items:center;gap:8px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:radial-gradient(circle,#94a3b8b3,#0000);flex:1;height:1px}.status-text{color:#f97373;font-size:12px}.hint-text{color:#6b7280;font-size:11px}.highlight-text{color:#e5e7eb;margin:2px 0 0;font-size:13px}a.button{text-decoration:none}.button-block{width:100%}.text-link{color:#c084fc;align-self:flex-start;font-size:12px;text-decoration:none}.text-link:hover{color:#e9d5ff}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#e5e7eb;background:#c084fc24;border:1px solid #c084fc73;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:5px 6px 5px 10px;font-size:12px;display:inline-flex}.chip.chip-static{padding-right:10px}.class-code-input{letter-spacing:.22em;text-align:center;text-transform:uppercase;font-size:15px;font-weight:600}.learn-badge{text-transform:uppercase;letter-spacing:.14em;color:#bbf7d0;background:#4ade802e;border:1px solid #4ade8059;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10px;font-weight:500}.highlight-inline{color:#4ade80;font-weight:600}.chip-label{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.chip-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:16px;line-height:1}.chip-remove:hover{color:#f97373}.inline-field{align-items:center;gap:8px;display:flex}.input-grow{flex:1;min-width:0}.button-shrink{white-space:nowrap;flex-shrink:0}.input-number{max-width:120px}.class-code-display{letter-spacing:.18em;color:#4ade80;margin:4px 0 0;font-size:20px;font-weight:600}.loading-row{align-items:center;gap:10px;display:flex}.loading-dot{background:#c084fc;border-radius:999px;width:10px;height:10px;animation:.9s ease-in-out infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.35;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toast{z-index:50;color:#022c22;background:linear-gradient(135deg,#4ade80,#86efac);border:1px solid #0f172a33;border-radius:999px;max-width:min(360px,100vw - 32px);padding:10px 16px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.immersive-shell{min-height:100vh}.student-feed-root{background:#020617;min-height:100vh;position:relative}.student-feed-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.video-feed-scroll{scroll-snap-type:y mandatory;height:100vh;overflow-y:auto}.video-feed-card{scroll-snap-align:start;background:#000;justify-content:stretch;align-items:stretch;height:100vh;display:flex;position:relative}.video-player-shell{position:absolute;inset:0}.video-card-overlay{z-index:2;background:linear-gradient(#0000 8%,#020617d9 70%);justify-content:space-between;align-items:flex-end;gap:12px;width:100%;margin-top:auto;padding:16px;display:flex;position:relative}.video-title{color:#f9fafb;margin:0 0 4px;font-size:14px}.video-meta{color:#d1d5db;margin:0;font-size:12px}.feed-top-progress{z-index:30;background:linear-gradient(#020617f5,#02061799,#0000);padding:10px 12px;position:fixed;top:0;left:0;right:0}.feed-top-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.feed-link{color:#c084fc;font-size:12px;text-decoration:none}.feed-subject-title{text-align:center;color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.feed-counter{color:#4ade80;font-size:12px}.feed-progress-track{background:#94a3b847;border-radius:999px;width:100%;height:6px;overflow:hidden}.feed-progress-fill{background:linear-gradient(90deg,#c084fc,#4ade80);width:0;height:100%;transition:width .22s ease-out}.bubble-map-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.bubble-node{text-align:center;color:#e5e7eb;border:1px solid #0f172aa6;border-radius:999px;justify-content:center;align-items:center;padding:6px;transition:width .5s,height .5s,background-color .5s,transform .5s;display:inline-flex;position:relative}.bubble-gap{background:#f87171bf}.bubble-weak{color:#1f2937;background:#fbbf24cc}.bubble-strong{color:#0f172a;background:#4ade80c7}.bubble-name{text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:10px;font-weight:600;overflow:hidden}.bubble-tooltip{white-space:nowrap;z-index:100;pointer-events:none;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:8px 12px;font-size:11px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.bubble-tooltip-title{color:#e5e7eb;margin:0 0 4px;font-size:11px}.bubble-tooltip-line{color:#cbd5e1;margin:0;font-size:10px}.feed-error{z-index:35;color:#fee2e2;background:#7f1d1de6;border-radius:999px;margin:0;padding:6px 10px;font-size:11px;position:fixed;top:56px;left:50%;transform:translate(-50%)}.quiz-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.quiz-card{background:radial-gradient(circle at 0 0,#c084fc2e,#0000 60%),radial-gradient(circle at 100% 100%,#4ade801f,#0000 60%),#0f172af5;border:1px solid #94a3b866;border-radius:20px;width:100%;max-width:380px;padding:18px}.quiz-options{gap:8px;display:grid}.quiz-option{color:#e5e7eb;text-align:left;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b880;border-radius:14px;padding:10px 12px;font-size:13px;transition:background .14s ease-out,border-color .14s ease-out,color .14s ease-out}.quiz-option:hover:not(:disabled){border-color:#c084fc}.quiz-option.correct{color:#dcfce7;background:#4ade8033;border-color:#4ade80}.quiz-option.wrong{color:#fee2e2;background:#f8717133;border-color:#f87171}.quiz-option.reveal-correct{background:#4ade8024;border-color:#4ade80}.quiz-explanation{color:#d1fae5;border-left:2px solid #4ade8099;margin:0;padding-left:10px;font-size:12px}.bubble-map-refresh-indicator{z-index:18;color:#d1d5dbcc;background:#020617a6;border:1px solid #94a3b840;border-radius:999px;padding:4px 8px;font-size:10px;position:fixed;bottom:10px;right:10px}@media (width>=768px){.app-card{padding:22px 20px 24px}}