:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#11162f;--purple:#3c2dc4;--cyan:#06e3de;--navy:#070b2e;--lavender:#f1edff;--muted:#667085;--card:#ffffffe6;--border:#3c2dc41f;background:#f4f1ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#06e3de47,#0000 34%),linear-gradient(135deg,#f8f6ff 0%,#ece7ff 50%,#fbfdff 100%);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{grid-template-columns:290px minmax(0,1fr);gap:22px;min-height:100vh;padding:22px;display:grid}.sidebar{border:1px solid var(--border);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9c3e6 transparent;background:linear-gradient(#fff,#f5f1ff);border-radius:32px;flex-direction:column;gap:16px;height:calc(100vh - 44px);padding:18px;display:flex;position:sticky;top:22px;overflow-y:auto;box-shadow:0 24px 70px #3c2dc41f}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#c9c3e6;border-radius:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar>*{flex:none}.brand-card{color:#fff;background:#120f3c;border-radius:24px;align-items:center;gap:12px;padding:12px;display:flex}.brand-card span,.sidebar-note,.panel-header span,.body-copy{color:var(--muted)}.brand-card span{color:#b9f6f4;margin-top:3px;font-size:.76rem;display:block}.brand-mark{object-fit:contain;flex:0 0 46px;width:46px;height:46px;display:block}.demo-switcher select,.search-box input{border:1px solid var(--border);color:#11162f;background:#fff;border-radius:16px;outline:none;width:100%;padding:11px 12px}.nav-stack{align-content:start;gap:8px;display:grid}.nav-stack button{color:#403b63;text-align:left;background:0 0;border-radius:15px;justify-content:space-between;align-items:center;min-height:40px;padding:9px 13px;font-weight:800;display:flex}.nav-stack button.active,.nav-stack button:hover{color:var(--purple);background:#ebe6ff}.sidebar-note{background:#06e3de14;border:1px dashed #06e3de8c;border-radius:18px;padding:12px;font-size:.82rem;line-height:1.45}.workspace{min-width:0}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:6px 4px 22px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:clamp(2rem,4vw,3.65rem);line-height:.95}.top-actions{align-items:end;gap:12px;display:flex}.search-box{color:#494276;gap:6px;min-width:min(390px,40vw);font-size:.76rem;font-weight:800;display:grid}.install-mini{background:linear-gradient(135deg, #120f3c, var(--purple));color:#fff;white-space:nowrap;border:1px solid #06e3de8c;border-radius:16px;min-height:48px;padding:0 16px;font-weight:950;box-shadow:0 16px 38px #3c2dc429}.install-mini:hover{filter:brightness(1.08)}.bell{color:#fff;background:linear-gradient(135deg, var(--purple), #6e5cff);border-radius:16px;width:48px;height:48px;box-shadow:0 16px 38px #3c2dc438}.dashboard-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.hero-card,.content-panel,.rail-card,.stat-card{border:1px solid var(--border);background:var(--card);border-radius:30px;box-shadow:0 20px 60px #1e146014}.hero-card{color:#fff;background:radial-gradient(circle at 86% 18%, #06e3de7a, transparent 28%), linear-gradient(135deg, #120f3c, var(--purple));grid-column:1/2;grid-template-columns:minmax(0,1fr) 180px;gap:22px;min-height:260px;padding:clamp(24px,4vw,42px);display:grid;overflow:hidden}.hero-copy h2{letter-spacing:-.06em;margin:14px 0;font-size:clamp(2rem,4vw,4rem);line-height:.93}.hero-copy p{color:#ddd8ff;max-width:720px;font-size:1.05rem;line-height:1.6}.level-pill{color:#bafffd;background:#06e3de26;border:1px solid #06e3de61;border-radius:999px;align-items:center;padding:8px 12px;font-weight:950;display:inline-flex}.level-pill.expired{color:#fff;background:#ffffff24;border-color:#ffffff52}.level-pill.pending{color:#ffe08a;background:#ffc4002e;border-color:#ffc40073}.level-pill.compact{color:var(--purple);border-color:var(--border);background:#eee9ff;padding:5px 9px;font-size:.74rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-actions button,.rail-card button,.referral-locked-actions button,.referral-locked-actions a{background:var(--cyan);color:#041229;border-radius:16px;padding:13px 18px;font-weight:950}.hero-actions .ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff38}.progress-orb{text-align:center;background:conic-gradient(var(--cyan) 0 58%, #ffffff29 58% 100%);border-radius:50%;place-self:center;place-items:center;width:165px;height:165px;display:grid;position:relative}.progress-orb:before{content:"";background:#17115a;border-radius:50%;position:absolute;inset:13px}.progress-orb span,.progress-orb small{display:block;position:relative}.progress-orb span{font-size:2.5rem;font-weight:950}.progress-orb small{color:#bdfbf9}.stats-row{grid-column:1/2;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{padding:18px}.stat-card strong{color:var(--purple);letter-spacing:-.05em;font-size:2rem;display:block}.stat-card span{color:var(--muted);font-weight:800}.wide-panel{grid-column:1/2;padding:24px}.panel-header{margin-bottom:18px}.panel-header h2{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(1.5rem,3vw,2.3rem)}.right-rail{grid-area:1/2/span 3/3;gap:14px;display:grid}.rail-card{padding:22px}.rail-card h3{font-size:1.3rem}.rail-card p,.rail-card li,.rail-card small,.lesson-card p,.lesson-card small,.resource-card p{color:var(--muted);line-height:1.55}.card-list{gap:12px;display:grid}.lesson-card{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;display:grid}.lesson-card.locked{opacity:.82;background:#fbfaff}.lesson-card.unlocked{border-color:#06e3de8c}.lesson-card strong{color:var(--purple)}.resource-grid,.overview-split{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(10px,2vw,16px);width:100%;min-width:0;display:grid}.resource-card,.overview-split article,.referral-box,.admin-grid article{border:1px solid var(--border);overflow-wrap:anywhere;background:#fff;border-radius:22px;min-width:0;padding:18px}.resource-card b{color:var(--purple);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-grid p{color:var(--muted);line-height:1.45}.admin-session-list{gap:14px;display:grid}.admin-session-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:18px}.admin-session-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.admin-session-head p{color:var(--muted)}.admin-session-head button,.attendance-actions button{color:var(--purple);background:#eee9ff;border-radius:12px;padding:9px 11px;font-weight:900}.attendance-table{gap:8px;display:grid}.attendance-row{background:#f9f7ff;border-radius:14px;grid-template-columns:190px 80px minmax(210px,1fr) 150px;align-items:center;gap:10px;padding:10px;display:grid}.attendance-row small{color:var(--muted);margin-top:2px;display:block}.attendance-actions{flex-wrap:wrap;gap:6px;display:flex}.unlock-ok{color:#10885f;font-weight:900}.unlock-no{color:#7a5b00;font-size:.82rem}.card-clickable,.clickable{cursor:pointer;transition:border-color .12s}.card-clickable:hover,.clickable:hover{border-color:#06e3de8c}.back-link{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:10px 0;font-weight:800}.inline-input,.inline-textarea{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;margin-bottom:8px;padding:10px 12px}.inline-textarea{resize:vertical;min-height:110px;line-height:1.45;display:block}.inline-submit{color:var(--purple);background:#eee9ff;border-radius:12px;padding:9px 11px;font-weight:900}.telegram-note{color:var(--muted);margin-top:12px;font-size:.84rem;display:block}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.ask-form{gap:14px;max-width:620px;display:grid}.ask-form .inline-input,.ask-form .inline-textarea{margin-bottom:0}.ask-field{gap:6px;display:grid}.ask-field>span{letter-spacing:.5px;text-transform:uppercase;color:var(--purple);font-size:.78rem;font-weight:800}.ask-field select,.ask-field input,.ask-field textarea{border:1px solid var(--border);width:100%;font:inherit;color:#11162f;background:#fff;border-radius:14px;outline:none;padding:12px 14px}.ask-field select:focus,.ask-field input:focus,.ask-field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #3c2dc41f}.ask-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%233c2dc4' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.ask-field textarea{resize:vertical;min-height:110px}.ask-reply{background:var(--lavender);border-left:3px solid var(--cyan);border-radius:14px;margin-top:10px;padding:12px 14px}.ask-reply p{margin:0 0 6px}.ask-reply small{color:var(--purple);font-weight:800}.lesson-card.clickable{cursor:pointer}.avatar{background:linear-gradient(135deg, var(--purple), #6b5fe0);color:#fff;letter-spacing:.5px;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.74rem;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-lg{flex:0 0 84px;width:84px;height:84px;font-size:1.5rem}.avatar-sm{flex:0 0 28px;width:28px;height:28px;font-size:.66rem}.avatar-xs{flex:0 0 22px;width:22px;height:22px;font-size:.58rem}.referral-locked{background:#3c2dc40f;border:1.5px solid #3c2dc438;border-radius:14px;margin-top:18px;padding:18px 20px}.referral-locked-note{margin:0 0 14px;line-height:1.6}.referral-locked-note strong{color:var(--purple)}.referral-locked-actions button:disabled{opacity:.62;cursor:not-allowed}.referral-locked-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.referral-locked-actions .muted-note{max-width:46ch}.referral-locked-actions a.referral-upgrade-cta{line-height:1.2;text-decoration:none;display:inline-block}.referral-locked-actions a.referral-upgrade-cta:hover,.referral-locked-actions a.referral-upgrade-cta:focus-visible{filter:brightness(1.07);box-shadow:0 0 0 3px #06e3de59}.referral-locked-preview{border-top:1px dashed #3c2dc447;margin-top:16px;padding-top:16px}.referral-locked-preview h4{margin:0 0 10px;font-size:.95rem}.referral-locked-preview .referral-rate-list{margin-bottom:8px}.referral-locked-preview small{color:#5a5a68;line-height:1.5;display:block}.thread-card{flex-direction:column;gap:12px;display:flex}.thread-card.is-closed{opacity:.82}.thread-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.thread-stream{flex-direction:column;gap:10px;display:flex}.thread-msg{border:1px solid #3c2dc424;border-radius:12px;max-width:88%;padding:11px 14px}.thread-msg p{white-space:pre-wrap;margin:0 0 5px;line-height:1.5}.thread-msg small{opacity:.72;font-size:.72rem}.thread-msg.student{background:#f4f2ff;align-self:flex-start}.thread-msg.team{background:#06e3de1a;border-color:#06e3de73;align-self:flex-end}.thread-followup{margin-top:2px}.thread-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.thread-actions .muted-note{margin:0}.muted-note{color:#6b6b7b;font-size:.82rem}.ask-status{letter-spacing:.3px;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.ask-status.open,.ask-status.awaiting{color:var(--purple);background:#3c2dc41a}.ask-status.answered{color:#0b6b68;background:#06e3de2e}.ask-status.closed{color:#5a5a68;background:#6b6b7b24}.replay-attach{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-attach .inline-input{flex:1;min-width:220px}.replay-attach button{cursor:pointer;background:var(--purple);color:#fff;border:0;border-radius:999px;padding:9px 16px;font-size:.82rem;font-weight:800}.replay-attach button:disabled{opacity:.55;cursor:default}.replay-error{color:#9b1c1c;flex-basis:100%;font-size:.76rem}.attendance-person{align-items:center;gap:10px;min-width:0;display:flex}.attendance-person-text{min-width:0;display:grid}.attendance-person-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-picker{align-items:flex-start;gap:16px;margin:6px 0 4px;display:flex}.avatar-picker-actions{align-content:start;gap:8px;display:grid}.avatar-picker-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-upload{display:inline-flex;position:relative;overflow:hidden}.avatar-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-upload span{background:var(--purple);color:#fff;border-radius:999px;padding:10px 18px;font-size:.86rem;font-weight:800;display:inline-block}.avatar-upload.busy span{opacity:.65}.avatar-remove{border:1px solid var(--border);color:#9b1c1c;cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:700}.avatar-remove:disabled{opacity:.6;cursor:default}@media (width<=520px){.avatar-picker{text-align:center;flex-direction:column;align-items:center}.avatar-picker-actions{justify-items:center}}.topic-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.topic-head strong{color:#11162f;font-size:.92rem;display:block}.topic-head small{color:var(--muted);font-size:.76rem}.composer{border:1px solid var(--border);background:#fff;border-radius:16px;gap:8px;margin-bottom:18px;padding:14px;display:grid}.composer .inline-input,.composer .inline-textarea{margin-bottom:0}.composer .inline-textarea{min-height:132px}.composer .inline-submit{justify-self:start}.topic-list{gap:12px;display:grid}.topic-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px;transition:all .15s}.topic-card:hover{border-color:#3c2dc44d;box-shadow:0 6px 20px #3c2dc414}.topic-card h3{margin:0 0 6px;font-size:1.02rem}.topic-card p{color:#3b3a52;margin:0 0 12px;font-size:.9rem;line-height:1.55}.topic-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.topic-foot small{color:var(--muted);font-size:.78rem}.topic{border:1px solid var(--border);border-left:4px solid var(--purple);background:linear-gradient(135deg,#fff,#f7f5ff);border-radius:16px;margin-bottom:18px;padding:18px}.topic h3{margin:4px 0 8px;font-size:1.18rem}.topic-body{color:#2b2a44;white-space:pre-wrap;margin:0 0 12px;line-height:1.6}.reply-count{color:var(--muted);margin-top:8px;font-size:.78rem;display:block}.thread{gap:10px;margin-bottom:18px;display:grid}.reply{border:1px solid var(--border);border-left:3px solid var(--cyan);background:#fff;border-radius:14px;padding:12px 14px}.reply.d1{border-left-color:#7bd4ff;margin-left:22px}.reply.d2{border-left-color:#b9a8ff;margin-left:44px}.reply.d3{border-left-color:#e0d6ff;margin-left:66px}.reply-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.reply-head .avatar{flex:0 0 26px;width:26px;height:26px;font-size:.64rem}.reply-author{color:#11162f;font-size:.86rem;font-weight:800}.reply-time{color:var(--muted);font-size:.74rem}.reply-body{color:#2b2a44;white-space:pre-wrap;margin:0 0 8px;font-size:.9rem;line-height:1.55}.reply-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reply-link{cursor:pointer;color:var(--purple);background:0 0;border:0;padding:0;font-size:.8rem;font-weight:800}.reply-form{gap:8px;margin-top:10px;display:grid}.reply-form .inline-textarea{margin-bottom:0}.reply-form .inline-submit{justify-self:start}.reply-form.top-level{margin-top:8px}.reaction-bar{flex-wrap:wrap;gap:5px;display:flex}.reaction-chip{border:1px solid var(--border);cursor:pointer;opacity:.72;background:#f5f3ff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.84rem;line-height:1;transition:all .15s;display:inline-flex}.reaction-chip:hover{opacity:1;border-color:#3c2dc459}.reaction-chip.mine{border-color:var(--purple);opacity:1;background:#e5dfff}.reaction-chip.zero{opacity:.5}.reaction-chip .reaction-count{color:var(--purple);font-size:.74rem;font-weight:900}.empty-note{color:var(--muted);padding:8px 0;font-size:.88rem}.referral-code-block{gap:12px;margin:18px 0 4px;display:grid}.referral-code-block+.referral-code-block{border-top:1px solid var(--line,#e6e6ef);margin-top:18px;padding-top:18px}.referral-block-label{letter-spacing:.04em;text-transform:uppercase;color:#3c2dc4;margin:0;font-size:.82rem;font-weight:800}.referral-code-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.referral-code{letter-spacing:.08em;color:var(--purple);border:2px dashed var(--purple);background:#fff;border-radius:16px;padding:10px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900}.referral-copy{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:11px 20px;font-size:.86rem;font-weight:900}.referral-copy:hover{background:#2f22a0}.referral-link-line{grid-template-columns:1fr;gap:8px;display:grid}.referral-link-line .referral-copy{justify-self:start}.referral-link{border:1px solid var(--border);color:#403b63;background:#fff;border-radius:12px;width:100%;min-width:0;padding:11px 13px;font-size:.82rem}.referral-share{flex-wrap:wrap;gap:10px;display:flex}.referral-share-btn{color:#fff;border-radius:999px;padding:11px 20px;font-size:.86rem;font-weight:900;text-decoration:none}.referral-share-btn.whatsapp{background:#128c7e}.referral-share-btn.whatsapp:hover{background:#0e7266}.referral-share-btn.email{background:#403b63}.referral-share-btn.email:hover{background:#2c2848}.referral-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.referral-stats-row article{border:1px solid var(--border);background:var(--card);border-radius:22px;gap:4px;padding:16px 18px;display:grid}.referral-stats-row strong{color:var(--navy);font-size:clamp(1.4rem,3vw,2rem);line-height:1}.referral-stats-row span{color:var(--muted);font-size:.82rem;font-weight:700}.referral-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.referral-how{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:20px}.referral-how h3{margin:0 0 12px;font-size:1.05rem}.referral-how ol{color:#403b63;gap:9px;margin:0;padding-left:20px;font-size:.9rem;line-height:1.5;display:grid}.referral-rate-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.referral-rate-list li{color:#403b63;border-bottom:1px solid #f1effa;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:.9rem;display:flex}.referral-rate-list li:last-child{border-bottom:0}.referral-rate-list b{color:#0b7a72;font-size:1rem}.referral-how small{color:var(--muted);font-size:.78rem;line-height:1.5;display:block}.referral-history{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:20px}.referral-history h3{margin:0 0 14px;font-size:1.05rem}.referral-table{gap:2px;margin-bottom:12px;display:grid}.referral-table-head,.referral-table-row{grid-template-columns:1.4fr .9fr .8fr .8fr .8fr;align-items:center;gap:10px;padding:11px 12px;font-size:.86rem;display:grid}.referral-table-head{color:#403b63;text-transform:uppercase;letter-spacing:.06em;background:#f6f4ff;border-radius:12px;font-size:.74rem;font-weight:900}.referral-table-row{color:#403b63;border-bottom:1px solid #f1effa}.referral-table-row:last-child{border-bottom:0}.referral-earn{color:#0b7a72;font-weight:900}.referral-status{text-transform:capitalize;color:var(--purple);background:#f1edff;border-radius:999px;justify-self:start;padding:3px 10px;font-size:.78rem;font-weight:800}.referral-status.pending,.referral-status.approved{color:#9a5b00;background:#fff5e6}.referral-status.paid{color:#0b7a72;background:#e6fbf4}.referral-status.rejected,.referral-status.reversed{color:#9b1c1c;background:#fff0f0}@media (width<=900px){.referral-stats-row{grid-template-columns:repeat(2,1fr)}.referral-grid{grid-template-columns:1fr}.referral-table-head{display:none}.referral-table-row{grid-template-columns:1fr 1fr;gap:6px}}.handle{color:var(--purple);letter-spacing:.01em;background:#f0edff;border:1px solid #ddd6ff;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.72rem;font-weight:800;display:inline-block}.mention{color:var(--purple);background:#e9e5ff;border-radius:6px;margin:0 1px;padding:0 5px;font-weight:800;display:inline-block}.mention.self{color:#0b7a72;background:#06e3de33}.sidebar-user-handle{color:#a9a6c7;margin-top:2px;font-size:.74rem;display:block}.owner-actions{gap:6px;margin-left:auto;display:inline-flex}.owner-actions button{border:1px solid var(--border);cursor:pointer;color:#3b3a52;background:#fff;border-radius:999px;padding:4px 12px;font-size:.76rem;font-weight:800}.owner-actions button:hover{color:var(--purple);border-color:#3c2dc466}.owner-actions button.danger{color:#9b1c1c;background:#fff6f6;border-color:#f0c4c4}.owner-actions button.danger:hover{background:#ffecec;border-color:#e39a9a}.owner-actions.compact button{padding:3px 10px;font-size:.72rem}.mention-wrap{position:relative}.mention-menu{z-index:40;border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #11162f29}.mention-option{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #f1effa;align-items:center;gap:8px;width:100%;padding:10px 14px;display:flex}.mention-option:last-child{border-bottom:0}.mention-option:hover{background:#f6f4ff}.mention-option b{color:var(--purple);font-size:.88rem}.mention-option small{color:var(--muted);font-size:.78rem}.profile-form{border-top:1px solid var(--border);gap:14px;max-width:520px;margin-top:24px;padding-top:20px;display:grid}.profile-form h3{margin:0;font-size:1.05rem}.form-hint{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.ask-error{color:#9b1c1c;background:#fff6f6;border:1px solid #f0c4c4;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:.86rem;font-weight:700}.form-notice{color:#0b7a72;background:#f0fdf9;border:1px solid #b7ead9;border-radius:10px;margin:0;padding:10px 12px;font-size:.86rem;font-weight:700}.username-row{align-items:center;gap:8px;display:flex}.at-prefix{color:var(--purple);flex:none;font-size:1.05rem;font-weight:900}.username-row .inline-input{flex:1}.username-status{margin-top:6px;font-size:.78rem;font-weight:800;display:block}.username-status.ok{color:#0b7a72}.username-status.bad{color:#9b1c1c}.username-status.checking{color:var(--muted)}.field-note{color:var(--muted);margin-top:5px;font-size:.76rem;display:block}.agent-card{border:1px solid var(--border);background:#fff;border-left:5px solid #b9b4d0;border-radius:16px;margin-bottom:22px;padding:18px}.agent-card.on{background:linear-gradient(135deg,#f2fffd,#fff);border-left-color:#06b6a4}.agent-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.agent-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--purple);margin:0 0 4px;font-size:.68rem;font-weight:900}.agent-head h3{color:#11162f;margin:0;font-size:1.22rem}.agent-switch{cursor:pointer;letter-spacing:.06em;color:#55516e;background:#eceaf5;border:2px solid #cfcadf;border-radius:999px;align-items:center;gap:10px;min-width:128px;padding:5px 16px 5px 6px;font-size:.82rem;font-weight:900;transition:all .18s;display:inline-flex}.agent-switch:disabled{opacity:.55;cursor:wait}.agent-knob{background:#fff;border-radius:50%;width:30px;height:30px;transition:all .18s;box-shadow:0 1px 4px #11162f47}.agent-switch.on{color:#fff;background:#06b6a4;border-color:#06b6a4}.agent-switch.on .agent-knob{background:#fff;transform:translate(58px)}.agent-switch-text{text-align:left;min-width:34px}.agent-note{color:#3b3a52;margin:14px 0 0;font-size:.9rem;line-height:1.6}.agent-note b{color:#11162f}.agent-error{color:#9b1c1c;background:#fff1f1;border:1px solid #f0b4b4;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:.86rem;font-weight:700}.agent-stats{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.agent-stats span{border:1px solid var(--border);color:#3b3a52;background:#f5f3ff;border-radius:999px;padding:5px 12px;font-size:.78rem}.agent-stats b{color:var(--purple)}.agent-log{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.agent-log summary{cursor:pointer;color:var(--purple);font-size:.88rem;font-weight:800}.agent-log ul{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.agent-log li{border:1px solid var(--border);background:#faf9ff;border-radius:12px;padding:10px 12px}.agent-log small{color:var(--muted);font-size:.74rem}.agent-log p{color:#2b2a44;margin:4px 0 0;font-size:.88rem;line-height:1.5}.referral-box{background:linear-gradient(135deg,#fff,#effffc)}.referral-box.disabled{opacity:.72;background:#fff}.auth-page{background:radial-gradient(circle at 0 0,#06e3de47,#0000 34%),linear-gradient(135deg,#f8f6ff 0%,#ece7ff 50%,#fbfdff 100%);place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{border:1px solid var(--border);background:var(--card);border-radius:32px;width:100%;max-width:420px;padding:36px 30px;box-shadow:0 24px 70px #3c2dc41f}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand .brand-mark{width:56px;height:56px;margin:0 auto 14px}.mobile-logo{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.auth-brand h1{margin:0 0 6px;font-size:1.6rem}.auth-brand p{color:var(--muted);margin:0}.auth-form{gap:16px;display:grid}.auth-form label{color:#342b70;gap:6px;font-size:.85rem;font-weight:800;display:grid}.auth-form input{border:1px solid var(--border);color:#11162f;box-sizing:border-box;background:#fff;border-radius:16px;outline:none;width:100%;padding:12px 14px}.auth-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #3c2dc41a}.auth-submit{background:linear-gradient(135deg, var(--purple), #6e5cff);color:#fff;border-radius:16px;margin-top:4px;padding:14px;font-size:1rem;font-weight:950}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit-link{text-align:center;text-decoration:none;display:block}.auth-error{color:#d92d2d;text-align:center;margin:0;font-size:.85rem;font-weight:700}.auth-success{color:#177245;text-align:center;margin:0;font-size:.9rem;font-weight:700}.auth-hint{color:#5b6478;text-align:center;margin:0 0 10px;font-size:.85rem;line-height:1.4}.auth-alt{text-align:center;margin-top:6px;font-size:.85rem}.form-link{width:auto;margin:0;display:inline-block}.auth-switch{text-align:center;color:var(--muted);margin-top:20px;font-size:.9rem}.link-button{color:var(--purple);cursor:pointer;font-weight:800;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.auth-loading{min-height:100vh;color:var(--purple);text-align:center;place-items:center;font-weight:800;display:grid}.auth-loading-spinner{border:4px solid var(--border);border-top-color:var(--purple);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:1s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.sidebar-user{background:#3c2dc40f;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-user-text{min-width:0;display:grid}.sidebar-user-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user-name{color:var(--navy);font-size:.9rem;font-weight:900;display:block}.sidebar-user-level{color:var(--muted);font-size:.76rem}.sidebar-footer{gap:10px;display:grid}.logout-button{color:var(--purple);background:#f1edff;border-radius:14px;padding:10px;font-size:.84rem;font-weight:950}.logout-button:hover{background:#e4dfff}.account-details{gap:12px;display:grid}.account-details p{margin:0;font-size:.95rem}.referral-stats{border-top:1px solid var(--border);margin-top:8px;padding:8px 0}.referral-stats small{color:var(--muted)}.demo-switcher{color:#342b70;gap:6px;font-size:.8rem;font-weight:800;display:grid}.mobile-bar,.nav-toggle,.nav-close,.nav-backdrop{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr;gap:12px}.dashboard-grid{grid-template-columns:1fr}.right-rail{grid-area:auto/1;grid-template-columns:repeat(3,1fr)}.mobile-bar{z-index:40;border-bottom:1px solid var(--border);background:#fff;grid-column:1/-1;align-items:center;gap:12px;margin:-12px -12px 0;padding:10px 14px;display:flex;position:sticky;top:0}.mobile-bar strong{color:var(--navy);font-size:.98rem}.mobile-bar-level{color:var(--muted);margin-left:auto;font-size:.74rem;font-weight:700}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;width:42px;height:42px;padding:0 10px;display:inline-flex}.nav-toggle span{background:var(--navy);border-radius:2px;height:2px;display:block}.sidebar{z-index:60;overscroll-behavior:contain;border-radius:0 22px 22px 0;width:min(86vw,330px);height:100dvh;transition:transform .22s;position:fixed;top:0;bottom:auto;left:0;overflow-y:auto;transform:translate(-104%);box-shadow:0 24px 70px #120e3752}.sidebar.open{transform:translate(0)}.nav-close{border:1px solid var(--border);width:36px;height:36px;color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.nav-stack{grid-template-columns:1fr}.nav-backdrop{z-index:55;background:#100c2d73;display:block;position:fixed;inset:0}}@media (width<=760px){.app-shell{padding:12px}.topbar,.top-actions{flex-direction:column;align-items:stretch}.search-box{min-width:0}.hero-card,.stats-row,.resource-grid,.overview-split,.right-rail,.nav-stack,.admin-grid,.lesson-card,.attendance-row{grid-template-columns:1fr}}.replay-watch{background:var(--purple);color:#fff;border-radius:11px;margin-top:10px;padding:9px 14px;font-size:.92rem;font-weight:900;text-decoration:none;display:inline-block}.replay-watch:hover{filter:brightness(1.1)}.room-links{gap:6px;margin:8px 0 4px;padding:0;list-style:none;display:grid}.room-links li{margin:0}.room-link{border:1px solid var(--border);color:var(--purple);cursor:pointer;text-align:left;background:#fff;border-radius:11px;width:100%;padding:7px 12px;font-size:.9rem;font-weight:700;display:inline-block}.room-link:hover{background:#f7f5ff;border-color:#06e3de99}.resource-download:hover{filter:brightness(1.1)}.resource-thumb{aspect-ratio:16/9;object-fit:cover;background:#0b0a1c;border-radius:16px;width:100%;margin-bottom:14px;display:block}.resource-card{border-radius:clamp(16px,3vw,24px);padding:clamp(12px,2.6vw,20px)}.resource-card h3{word-break:break-word;margin:6px 0 4px;font-size:clamp(1.02rem,4.2vw,1.28rem);line-height:1.3}.resource-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:4px 0 0;font-size:clamp(.87rem,3.5vw,.95rem);line-height:1.5;display:-webkit-box;overflow:hidden}.resource-card .resource-thumb{border-radius:clamp(12px,2.6vw,16px);margin-bottom:clamp(10px,2vw,14px)}.resource-download{background:var(--purple);color:#fff;letter-spacing:.02em;border-radius:12px;margin-top:12px;padding:10px 16px;font-weight:900;text-decoration:none;display:inline-block}@media (width<=520px){.resource-card{padding:13px}.resource-card p{-webkit-line-clamp:3}.resource-download{text-align:center;border-radius:13px;padding:12px 16px;display:block}}.replay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.replay-featured{grid-column:1/-1}.replay-featured .replay-card-body h3{font-size:1.15rem}.replay-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.replay-embed{aspect-ratio:16/9;background:#0b0a1c;width:100%;position:relative}.replay-embed iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.replay-embed-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.6rem;display:flex}.replay-card-body{flex-direction:column;gap:6px;padding:10px 14px 12px;display:flex}.replay-card h3{color:#14112b;margin:0;font-size:1.02rem}.replay-card .level-pill{align-self:flex-start}.replay-card small{color:var(--muted);line-height:1.45}.replay-external{color:var(--purple);font-size:.82rem;font-weight:700;text-decoration:none}.locked-reason{color:var(--muted);font-size:.78rem}@media (width<=900px){.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.replay-grid{grid-template-columns:1fr}}.live-schedule-panel{gap:20px;display:grid}.live-schedule-hero{color:#fff;background:radial-gradient(circle at 88% 15%, #06e3de80, transparent 32%), linear-gradient(135deg, #120f3c, var(--purple));border-radius:26px;justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,4vw,34px);display:flex;box-shadow:0 20px 50px #3c2dc433}.live-schedule-hero h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(1.6rem,3vw,2.5rem)}.live-schedule-hero .eyebrow{color:var(--cyan)}.live-schedule-hero small,.live-schedule-description{color:#ddd8ff}.live-schedule-date{color:#bafffd;margin:0 0 10px;font-weight:900}.live-schedule-description{max-width:720px;line-height:1.55}.live-join-button,.upcoming-join-link{white-space:nowrap;background:var(--cyan);color:#041229;border-radius:15px;justify-content:center;align-items:center;padding:13px 18px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #06e3de33}.live-join-button:hover,.upcoming-join-link:hover{filter:brightness(1.08)}.live-join-button-disabled,.upcoming-link-pending{color:#ddd8ff;box-shadow:none;background:#ffffff24}.live-empty-state{background:#ffffffad;border:1px dashed #3c2dc447;border-radius:24px;padding:28px}.live-empty-state h2{margin-bottom:8px}.live-empty-state p:not(.eyebrow){color:var(--muted);max-width:720px;line-height:1.55}.live-empty-state button{background:var(--purple);color:#fff;border-radius:13px;padding:11px 15px;font-weight:900}.upcoming-class-list{gap:12px;display:grid}.upcoming-class-list>.panel-header{justify-content:space-between;align-items:end;gap:12px;margin:0 0 2px;display:flex}.upcoming-class-list>.panel-header h3{margin:0}.upcoming-class-list>.panel-header span{color:var(--muted);font-size:.86rem;font-weight:800}.upcoming-class-row{border:1px solid var(--border);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.upcoming-class-row.featured{border-color:#06e3de94}.upcoming-class-row h3{color:var(--purple);margin:4px 0}.upcoming-class-row p:not(.eyebrow){color:var(--muted);margin:0}.upcoming-class-row .eyebrow{margin-bottom:0;font-size:.68rem}.upcoming-link-pending{border-radius:12px;padding:10px 13px;font-size:.86rem;font-weight:850;display:inline-flex}@media (width<=620px){.live-schedule-hero,.upcoming-class-row{flex-direction:column;align-items:flex-start}.live-join-button,.upcoming-join-link{width:100%}}.live-banner{justify-content:space-between;align-items:center;gap:20px;display:flex}.live-banner>div{flex:1;min-width:0}.live-banner h3{font-size:1.35rem}.live-banner button{white-space:normal}.nav-group{gap:6px;display:grid}.nav-parent{gap:10px}.nav-parent-meta{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.nav-parent-meta small{color:var(--muted);white-space:nowrap;font-size:.72rem;font-weight:900}.nav-stack nav .caret,.nav-group .caret{opacity:.85;font-size:.74rem;font-style:normal}.nav-sub{border-left:3px solid #3c2dc42e;gap:7px;margin-left:8px;padding:6px 4px 8px 14px;display:grid}.nav-sub-item{border:1px solid var(--border);min-height:42px;color:var(--purple);text-align:left;cursor:pointer;background:#fff;border-radius:13px;justify-content:stretch;gap:2px;padding:9px 11px;font-size:.86rem;font-weight:900;display:grid}.nav-sub-item strong{color:inherit;font-size:.88rem;line-height:1.15}.nav-sub-item small{color:var(--muted);font-size:.7rem;font-weight:800}.nav-sub-item:hover,.nav-sub-item.active{color:var(--purple);background:linear-gradient(135deg,#f7f5ff,#ecfffe);border-color:#06e3deb3}.nav-sub-item.active small{color:#0b7a72}.nav-sub-empty{color:var(--muted);background:#fbfaff;border-radius:12px;padding:10px 11px;font-size:.78rem;font-weight:800;line-height:1.35}@media (width<=620px){.live-banner{flex-direction:column;align-items:flex-start}}.pin-toggle{border:1px solid var(--border);color:var(--purple);cursor:pointer;background:#fff;border-radius:10px;padding:5px 10px;font-size:.78rem;font-weight:800}.pin-toggle:hover{background:#f7f5ff;border-color:#06e3de99}.pinned-badge{color:#0b7f7c;background:#06e3de29;border:1px solid #06e3de80;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900;display:inline-block}.install-banner{background:linear-gradient(135deg, #120f3c, var(--purple));color:#fff;border:1px solid #06e3de66;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.install-banner-copy{gap:2px;display:grid}.install-banner-copy strong{font-size:1rem}.install-banner-copy span{color:#ddd8ff;font-size:.86rem}.install-banner-actions{align-items:center;gap:8px;display:flex}.install-cta{background:var(--cyan,#06e3de);color:#08061a;cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-weight:900}.install-skip{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:8px 12px;font-size:.82rem}.ios-modal{z-index:60;background:#08061a9e;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.ios-modal-card{background:#fff;border-radius:22px;width:100%;max-width:380px;padding:26px 24px}.ios-modal-card h3{margin-bottom:10px}.ios-modal-card ol{color:var(--muted);margin:0 0 16px;padding-left:18px;line-height:1.7}@media (width<=620px){.install-banner{flex-direction:column;align-items:flex-start}}