:root{--primary: #ff6a6a;--primary-container: #ff9a9a;--on-primary: #ffffff;--secondary: #f5b5b5;--secondary-container: #ffe5e5;--on-secondary: #a45b5b;--tertiary: #d1a1a1;--on-tertiary: #5e3434;--error: #e54444;--error-container: #ffefef;--error-border: #ffafaf;--background: #f5f5f5;--surface: #fdfdfd;--surface-variant: #f8ecec;--outline: #f0d5d5;--text: #2b2020;--muted: #8f7474;--grouped-background: #f5f5f5;--cell-background: #ffffff;--cell-background-hover: #fff7f7;--control-background: #f8ecec;--separator: rgb(240 213 213 / 82%);--shadow: 0 1px 2px rgb(43 32 32 / 5%);--scrollbar-thumb: rgb(214 194 198 / 72%);--scrollbar-thumb-hover: rgb(196 172 178 / 88%);--scrollbar-size: 12px;color:var(--text);background:var(--background);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--primary: #b04646;--primary-container: #926a2a;--on-primary: #fff5f5;--secondary: #d68484;--secondary-container: #773737;--on-secondary: #e0b0b0;--tertiary: #b87878;--on-tertiary: #daa5a5;--error: #e56363;--error-container: #5c2525;--error-border: #8c4242;--background: #433434;--surface: #3f2e2e;--surface-variant: #554444;--outline: #7f6a6a;--text: #f4e8e8;--muted: #d6a1a1;--grouped-background: #433434;--cell-background: #3f2e2e;--cell-background-hover: #493737;--control-background: #554444;--separator: rgb(127 106 106 / 82%);--shadow: 0 1px 2px rgb(20 10 10 / 18%);--scrollbar-thumb: rgb(158 125 130 / 76%);--scrollbar-thumb-hover: rgb(190 150 156 / 92%)}}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-width:44px;min-height:44px;border:3px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,input{font:inherit}.app-shell{display:grid;align-content:start;gap:0;min-height:100vh;padding:0 0 28px;background:var(--grouped-background)}.app-snackbar-layer{position:fixed;z-index:220;top:max(16px,calc(env(safe-area-inset-top,0px) + 12px));left:50%;display:flex;justify-content:center;width:min(720px,calc(100vw - 32px));pointer-events:none;transform:translate(-50%)}.app-snackbar{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--error-border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--error-container) 92%,var(--cell-background));box-shadow:0 14px 34px #65343e24;color:var(--error);padding:10px 16px;font-size:13px;font-weight:760;line-height:1.35;pointer-events:auto;text-align:center;animation:app-snackbar-enter .18s ease-out both}.app-snackbar--leaving{animation:app-snackbar-exit .16s ease-in both}.app-snackbar--warning{border-color:color-mix(in srgb,#f5b54c 72%,transparent);background:color-mix(in srgb,#f5b54c 18%,var(--cell-background));box-shadow:0 14px 34px #905e0021;color:#8a5b00}.app-snackbar--info{border-color:color-mix(in srgb,#43a047 48%,transparent);background:color-mix(in srgb,#43a047 13%,var(--cell-background));box-shadow:0 14px 34px #226f371f;color:#1f6b2c}@keyframes app-snackbar-enter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-snackbar-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.app-snackbar,.app-snackbar--leaving{animation:none}}.login-layout,.center-panel{width:min(450px,100%);margin:0 auto}.workspace{width:min(1060px,100%);margin:0 auto}.app-toolbar{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;width:100%;min-height:60px;gap:16px;border-bottom:1px solid var(--separator);background:color-mix(in srgb,var(--cell-background) 92%,transparent);padding:9px 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-toolbar-brand{display:inline-flex;align-items:center;min-width:0;gap:10px}.app-toolbar-brand .brand-logo{width:38px}.app-toolbar-brand div{display:grid;min-width:0}.app-toolbar-brand strong,.toolbar-account-button strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:8px}.toolbar-account-button{display:inline-flex;align-items:center;min-width:0;flex:0 1 auto;max-width:clamp(136px,18vw,190px);min-height:44px;gap:8px;border:1px solid var(--separator);border-radius:18px;background:var(--cell-background);color:var(--text);padding:5px 10px 5px 5px;font:inherit;cursor:pointer}.toolbar-account-avatar{position:relative;display:grid;flex:0 0 auto;width:28px;height:28px;overflow:hidden;place-items:center;border:2px solid transparent;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:800}.toolbar-account-copy{display:grid;min-width:0;max-width:clamp(78px,11vw,126px);gap:1px;text-align:left}.toolbar-account-copy strong{display:block;max-width:100%}.toolbar-account-copy small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:720;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.toolbar-account-status--connected{color:#2e7d32}.toolbar-account-status--connecting{color:#9d6a12}.toolbar-account-status--error,.toolbar-account-status--disconnected,.toolbar-account-status--idle,.toolbar-account-status--remoteLogin{color:var(--primary)}.socket-status-pill{display:inline-flex;align-items:center;width:fit-content;gap:5px;border-radius:20px;background:var(--control-background);color:var(--muted);padding:4px 8px;font-size:11px;font-weight:760;line-height:1}.socket-status-pill--connected{background:#5cad7d21;color:#2e7d32}.socket-status-pill--connecting{background:#eeb14124;color:#9d6a12}.socket-status-pill--error,.socket-status-pill--disconnected,.socket-status-pill--idle,.socket-status-pill--remoteLogin{background:#ff6a6a1c;color:var(--primary)}.notification-button{position:relative}.notification-button--unread{border-color:#ff6a6a85;color:var(--primary)}.notification-badge{position:absolute;top:-5px;right:-5px;display:grid;min-width:17px;height:17px;place-items:center;border:2px solid var(--cell-background);border-radius:999px;background:var(--primary);color:var(--on-primary);padding:0 4px;font-size:10px;font-weight:850;line-height:1}.workspace-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;width:min(1180px,100%);margin:0 auto;padding:18px 24px 0}.workspace-sidebar{position:sticky;top:78px;align-self:start}.workspace-nav{display:grid;gap:4px;border:1px solid var(--separator);border-radius:14px;background:var(--cell-background);padding:6px}.workspace-nav-item{display:flex;align-items:center;gap:10px;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px 10px;font:inherit;font-size:14px;font-weight:760;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.workspace-nav-item:hover{background:var(--cell-background-hover);color:var(--text)}.workspace-nav-item--active{background:var(--control-background);color:var(--primary)}.workspace-main{display:grid;min-width:0;gap:14px}.home-placeholder{display:grid;min-height:280px;align-content:center;justify-items:center;gap:10px;color:var(--muted);padding:34px 18px;text-align:center}.home-placeholder h2{font-size:18px}.home-placeholder p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.45}.contacts-panel{display:grid;gap:0;overflow:visible}.contacts-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--separator);border-radius:16px 16px 0 0;background:var(--cell-background);padding:14px 14px 0}.contacts-title-stack{display:grid;flex:1 1 auto;min-width:0;gap:2px}.contacts-title{margin:0;color:var(--text);font-size:18px;font-weight:820;line-height:1.2}.contact-tab-list{display:flex;min-width:0;gap:18px;overflow-x:auto;padding:0}.contacts-actions{align-self:end;flex:0 0 auto;margin-left:auto;padding-bottom:8px}.contact-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:8px 0 6px;font:inherit;font-size:14px;font-weight:780;white-space:nowrap;cursor:pointer}.contact-tab[data-state=active]{border-bottom-color:var(--primary);color:var(--primary)}.contact-tab:focus-visible{outline:none;box-shadow:inset 0 -3px #ff6a6a2e}.contact-tab-panel{display:grid;align-content:start;gap:12px;min-height:360px;padding:14px 16px 34px;outline:none}.contact-tab-panel[hidden]{display:none}.contact-list{display:grid;align-self:start;align-content:start;overflow:hidden;border:1px solid var(--separator);border-radius:14px;background:var(--cell-background)}.contact-team-cell,.subscription-cell{align-items:center;min-width:0;min-height:78px;border-bottom:1px solid var(--separator);background:var(--cell-background);padding:10px 14px;transition:background .16s ease}.contact-team-cell:last-child,.subscription-cell:last-child{border-bottom:0}.contact-team-cell:hover,.subscription-cell:hover{background:var(--cell-background-hover)}.contact-team-cell{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px}.contact-team-copy,.subscription-copy{display:grid;min-width:0;gap:3px}.contact-team-copy h3,.subscription-copy h3,.subscription-copy strong{margin:0;overflow:hidden;color:var(--text);font-size:15px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.contact-team-copy p,.subscription-copy p,.subscription-copy small{display:block;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.subscription-copy strong{display:block}.contact-team-side{display:grid;justify-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:740}.contact-team-side svg{color:var(--primary)}.subscription-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.subscription-cell--pinned{box-shadow:inset 3px 0 0 var(--secondary)}.subscription-profile-button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;gap:12px;border:0;background:transparent;color:inherit;padding:0;font:inherit;text-align:left;cursor:pointer}.subscription-profile-button:focus-visible{outline:none;border-radius:12px;box-shadow:0 0 0 3px #ff6a6a26}.subscription-avatar{position:relative;display:grid;box-sizing:border-box;width:42px;height:42px;place-items:center;overflow:hidden;border:2px solid var(--separator);border-radius:50%;background:var(--control-background);color:var(--on-secondary);font-size:15px;font-weight:820}.subscription-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.subscription-action{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:30px;border:1px solid var(--separator);border-radius:999px;background:var(--surface);color:var(--muted);padding:5px 10px;font:inherit;font-size:12px;font-weight:740;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.subscription-action:hover:not(:disabled){transform:translateY(-1px)}.subscription-action--Following{border-color:#43a04747;background:#43a04714;color:#2e7d32}.subscription-action--IsFriend{border-color:#ff6a6a4d;background:#ff6a6a1a;color:var(--primary)}.subscription-action--self,.subscription-action:disabled{cursor:not-allowed;opacity:.62}.contact-list-action-error{display:flex;align-items:center;min-height:38px;border-bottom:1px solid var(--separator);color:var(--error);padding:8px 14px;font-size:12px;font-weight:720}.contact-list-footer{display:flex;align-items:center;justify-content:center;min-height:44px;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.contact-list-footer--error{color:var(--error)}.contact-load-sentinel{min-height:1px}.login-layout{display:grid;min-height:calc(100vh - 56px);place-items:center}.login-card{display:grid;width:100%;gap:18px}.brand-block{display:grid;justify-items:center;gap:10px;text-align:center}.brand-logo{display:block;width:72px;height:auto;margin-bottom:4px}.brand-logo--small{width:44px;margin:0}h1,h2,p{margin:0}h1,h2{color:var(--text);font-weight:650;letter-spacing:0}h1{font-size:28px;line-height:1.16}h2{font-size:18px;line-height:1.22}.brand-block p,.method-hint,.muted,.ready-panel p{color:var(--muted)}.brand-block p{max-width:320px;font-size:15px;line-height:1.45}.login-form{display:grid}.apple-button,.wechat-button,.dev-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:14px;font:inherit;font-weight:650;letter-spacing:0;cursor:pointer;transition:border-color .16s ease,background .16s ease,opacity .16s ease,transform .16s ease}.apple-button{border:1px solid #000000;background:#000;color:#fff;padding:12px 18px}.apple-button:hover:not(:disabled),.wechat-button:hover:not(:disabled),.dev-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.apple-button:hover:not(:disabled){background:#1c1c1e}.apple-button:disabled,.wechat-button:disabled,.dev-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.wechat-button{min-height:52px;border:1px solid #1aad19;background:#1aad19;color:#fff;padding:12px 18px}.wechat-button:hover:not(:disabled){background:#159315}.dev-button{min-height:46px;border:1px solid var(--outline);background:var(--surface-variant);color:var(--on-secondary);padding:10px 14px}.dev-button:hover:not(:disabled){border-color:var(--primary);background:var(--surface)}.apple-mark{font-size:20px;line-height:1}.qr-panel{display:grid;justify-items:center;gap:14px;padding:16px}.qr-frame{position:relative;display:grid;width:min(236px,calc(100vw - 96px));aspect-ratio:1;place-items:center;border:1px solid var(--outline);border-radius:14px;background:#fff;padding:8px}.qr-frame img{display:block;width:100%;height:100%;border-radius:8px}.qr-placeholder{display:grid;width:100%;height:100%;place-items:center;border-radius:8px;color:var(--muted)}.qr-success{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:grid;place-items:center;border-radius:8px;background:#23202075;color:#fff}.qr-success svg{filter:drop-shadow(0 10px 20px rgb(0 0 0 / 28%))}.qr-copy{display:grid;justify-items:center;gap:6px;text-align:center}.qr-copy h2{font-size:17px}.qr-copy p{color:var(--muted);font-size:13px;line-height:1.4}.qr-refresh{width:100%;min-height:42px}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--outline)}.method-hint{max-width:360px;justify-self:center;font-size:13px;line-height:1.45;text-align:center}@media (min-width: 760px) and (max-height: 760px){.login-card{gap:12px}.brand-block{gap:6px}.brand-logo{width:56px;margin-bottom:0}.brand-block h1{font-size:24px}.brand-block p{font-size:14px}.qr-panel{grid-template-columns:auto 1fr auto;align-items:center;justify-items:stretch;padding:12px}.qr-frame{width:132px}.qr-copy{justify-items:start;text-align:left}.qr-refresh{width:auto;min-height:38px}.apple-button,.wechat-button{min-height:48px}.dev-button{min-height:42px}}.workspace-header h1{font-size:24px}.section-header h2,.account-panel h2,.voice-panel h2{font-size:17px}.error-line{border:1px solid var(--error-border);border-radius:14px;background:var(--error-container);color:var(--error);padding:12px 14px;font-size:13px;font-weight:650;text-align:center}.success-line{border:1px solid rgb(67 160 71 / 32%);border-radius:14px;background:#43a0471a;color:#2e7d32;padding:12px 14px;font-size:13px;font-weight:650;text-align:center}.compact-line{border-radius:12px;padding:10px 12px}.workspace{display:grid;align-content:start;gap:14px;min-height:calc(100vh - 116px)}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}.workspace-brand{display:flex;align-items:center;gap:14px}.status-pill{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--outline);border-radius:999px;background:var(--control-background);color:var(--on-secondary);padding:6px 12px;font-size:12px;font-weight:700}.surface-panel{overflow:hidden;border:1px solid var(--separator);border-radius:16px;background:var(--cell-background);box-shadow:var(--shadow)}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0 0 0 0);margin:-1px;white-space:nowrap}.workspace-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.workspace-summary:has(.voice-panel){grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.account-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.avatar{position:relative;display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--primary);color:var(--on-primary);font-size:18px;font-weight:800}.toolbar-account-avatar img,.subscription-avatar img,.avatar img,.member-avatar img,.team-avatar img,.notification-session-avatar img,.chat-bubble-avatar img,.profile-hero-avatar img,.profile-sidebar-avatar img,.profile-edit-avatar img,.public-profile-avatar img,.participant-avatar img,.participant-avatar-frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.toolbar-account-avatar>img,.subscription-avatar>img,.avatar>img,.member-avatar>img,.team-avatar>img,.notification-session-avatar>img,.chat-bubble-avatar>img,.profile-hero-avatar>img,.profile-sidebar-avatar>img,.profile-edit-avatar>img,.public-profile-avatar>img,.participant-avatar>img,.participant-avatar-frame>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.avatar-image{display:block;width:100%;height:100%;max-width:none;border-radius:inherit;object-fit:cover;object-position:50% 50%}.toolbar-account-avatar>.avatar-image,.subscription-avatar>.avatar-image,.avatar>.avatar-image,.member-avatar>.avatar-image,.team-avatar>.avatar-image,.notification-session-avatar>.avatar-image,.notification-session-subscription-avatar>.avatar-image,.notification-history-avatar>.avatar-image,.chat-bubble-avatar>.avatar-image,.profile-hero-avatar>.avatar-image,.profile-sidebar-avatar>.avatar-image,.profile-edit-avatar>.avatar-image,.public-profile-avatar>.avatar-image,.participant-avatar-frame>.avatar-image{position:absolute;top:0;right:0;bottom:0;left:0}.profile-avatar-file-input{display:none}.profile-avatar-edit-shell{padding:0;border-style:solid;font:inherit;isolation:isolate;cursor:pointer}.profile-avatar-edit-shell:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#0000006b;opacity:0;transition:opacity .18s ease;pointer-events:none}.profile-avatar-edit-icon{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.88);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.profile-avatar-edit-shell:hover:after,.profile-avatar-edit-shell:focus-visible:after{opacity:1}.profile-avatar-edit-shell:hover .profile-avatar-edit-icon,.profile-avatar-edit-shell:focus-visible .profile-avatar-edit-icon{opacity:1;transform:scale(1)}.profile-avatar-edit-shell:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 72%,transparent);outline-offset:2px}.profile-avatar-edit-shell:disabled{cursor:not-allowed}.profile-avatar-edit-shell:disabled:hover:after,.profile-avatar-edit-shell:disabled:focus-visible:after{opacity:.32}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.dialog-kicker-row{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:8px}.dialog-kicker-row .eyebrow{margin:0}.muted{margin-top:4px;font-size:14px}.secondary-button{width:auto;min-height:38px;border:1px solid var(--separator);background:var(--cell-background);color:var(--text);padding:7px 12px;border-radius:12px}.secondary-button:hover:not(:disabled){border-color:var(--primary);background:var(--cell-background-hover)}.compact-button{min-height:36px;padding-inline:10px}.icon-button{flex:0 0 auto;width:42px;min-width:42px;padding-inline:0}.join-panel,.teams-panel{display:grid;gap:14px;padding:16px}.teams-panel{scroll-margin-top:92px}.join-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.join-tools--single{grid-template-columns:minmax(0,1fr)}.join-panel--embedded{border-top:1px solid var(--separator);padding:14px 0 0}.join-panel--modal{padding:0}.lookup-card{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid var(--separator);border-radius:14px;background:var(--surface);padding:12px}.lookup-card--hidden{display:none}.lookup-card-header{display:flex;align-items:center;gap:12px}.lookup-card h3{margin:0;color:var(--text);font-size:15px;font-weight:700;letter-spacing:0;line-height:1.2}.lookup-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--control-background);color:var(--on-secondary)}.input-row{display:flex;align-items:center;gap:9px;min-width:0}.text-input{width:100%;min-width:0;min-height:40px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:9px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6a6a29}.text-input::placeholder{color:var(--muted)}.select-input{width:100%;min-width:0;min-height:40px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:8px 12px;outline:none}.select-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6a6a29}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:40px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:8px 10px 8px 12px;font:inherit;font-size:14px;font-weight:650;outline:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select-trigger:hover,.select-trigger[data-state=open]{border-color:var(--primary);background:var(--cell-background-hover)}.select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #ff6a6a29}.select-icon{display:inline-flex;color:var(--muted)}.select-content{z-index:80;min-width:var(--radix-select-trigger-width);overflow:hidden;border:1px solid var(--separator);border-radius:14px;background:var(--cell-background);box-shadow:0 18px 44px #2b202029}.select-viewport{padding:6px}.select-item{position:relative;display:flex;align-items:center;min-height:36px;border-radius:10px;color:var(--text);padding:8px 34px 8px 10px;font-size:14px;font-weight:650;outline:none;cursor:pointer}.select-item[data-highlighted]{background:var(--cell-background-hover);color:var(--primary)}.select-item-indicator{position:absolute;right:10px;display:inline-flex;color:var(--primary)}.dropdown-content{z-index:80;display:grid;min-width:190px;gap:4px;overflow:hidden;border:1px solid var(--separator);border-radius:14px;background:var(--cell-background);padding:6px;box-shadow:0 18px 44px #2b202029}.dropdown-item{display:flex;align-items:center;gap:9px;min-height:38px;border-radius:10px;color:var(--text);padding:8px 10px;font-size:14px;font-weight:700;outline:none;cursor:pointer}.dropdown-item svg{flex:0 0 auto;color:var(--muted)}.dropdown-item[data-highlighted]{background:var(--cell-background-hover);color:var(--primary)}.dropdown-item[data-highlighted] svg{color:var(--primary)}.dropdown-item[data-disabled]{color:var(--muted);cursor:not-allowed;opacity:.58}.dropdown-item[data-disabled] svg{color:var(--muted)}.tooltip-content{z-index:90;border-radius:10px;background:var(--text);color:var(--background);padding:7px 9px;box-shadow:0 12px 28px #2b20202e;font-size:12px;font-weight:700;line-height:1}.tooltip-arrow{fill:var(--text)}.subtle-state{border:1px dashed var(--separator);border-radius:12px;color:var(--muted);padding:12px;font-size:13px;text-align:center}.lookup-results{display:grid;gap:8px}.search-team-cell{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:78px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);padding:12px;transition:background .16s ease,border-color .16s ease}.search-team-cell:hover{background:var(--cell-background-hover)}.search-team-cell--preview{grid-template-columns:minmax(0,1fr) auto}.search-team-main,.search-team-copy{display:grid;min-width:0}.search-team-main{gap:8px}.search-team-copy{gap:4px}.search-team-copy h3{margin:0;overflow:hidden;color:var(--text);font-size:15px;font-weight:700;letter-spacing:0;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.search-team-copy p{margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.search-highlight{background:transparent;color:var(--primary);font:inherit;font-weight:800}.member-strip{display:flex;align-items:center;min-height:30px;gap:6px}.member-avatar{position:relative;display:grid;box-sizing:border-box;flex:0 0 auto;place-items:center;width:30px;height:30px;overflow:hidden;border:3px solid #d1d1d6;border-radius:50%;background:var(--surface);color:var(--muted);padding:0;font:inherit;font-size:11px;font-weight:800;line-height:1}.member-avatar--clickable{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.member-avatar--clickable:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2b202021}.member-avatar--clickable:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a2e}.member-avatar img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 50%}.member-avatar--extra{border-color:var(--cell-background);background:var(--primary);color:var(--on-primary);font-size:10px}.member-count-inline{color:var(--muted);font-size:12px;font-weight:650}.search-team-side{display:grid;justify-items:center;gap:6px;min-width:58px;color:var(--secondary);font-size:12px;font-weight:700}.team-id-label{white-space:nowrap}.manager-mark{display:grid;place-items:center;color:var(--primary)}.search-team-action{min-width:72px}.team-list{display:grid;gap:0;border:1px solid var(--separator);border-radius:14px;background:var(--cell-background);overflow:hidden}.team-cell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;border:0;border-radius:0;background:var(--cell-background);padding:12px 14px;transition:background .16s ease}.team-cell:not(:last-child){border-bottom:1px solid var(--separator)}.team-cell:hover{background:var(--cell-background-hover)}.team-cell--compact{min-height:70px;padding:10px;border:1px solid var(--separator);border-radius:12px}.team-avatar,.voice-icon{display:grid;place-items:center;border-radius:12px;background:var(--control-background);color:var(--on-secondary);font-weight:800}.team-avatar{position:relative;width:42px;height:42px;overflow:hidden;font-size:16px}.team-info{display:grid;min-width:0;gap:4px}.team-info h3{margin:0;overflow:hidden;color:var(--text);font-size:15px;font-weight:700;letter-spacing:0;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.team-info p,.team-meta{color:var(--muted);font-size:12px}.team-info p{overflow:hidden;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.team-meta{display:flex;flex-wrap:wrap;gap:8px 12px;line-height:1.2}.team-meta span,.voice-metrics span{display:inline-flex;align-items:center;gap:5px}.study-button,.join-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:12px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;letter-spacing:0;cursor:pointer;transition:background .16s ease,opacity .16s ease,transform .16s ease}.study-button{background:var(--primary);color:var(--on-primary)}.join-button{border-color:var(--separator);background:var(--control-background);color:var(--on-secondary)}.danger-button{background:var(--error-container);color:var(--error);border-color:var(--error-border)}.study-button:hover:not(:disabled),.join-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px)}.study-button:disabled,.join-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.58}.invite-preview{display:grid;gap:10px}.invite-team-cell{grid-template-columns:minmax(0,1fr) auto;border-radius:12px}.invite-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px;font-weight:650}.invite-meta span{display:inline-flex;align-items:center;gap:5px}.profile-panel{display:grid;gap:14px;padding:16px}.dialog-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#2b202038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(980px,calc(100vw - 40px));height:min(720px,calc(100vh - 40px));overflow:hidden;padding:0;--profile-accent: #3f7df6;--profile-field: color-mix(in srgb, var(--surface) 72%, var(--cell-background));--profile-cover-start: color-mix(in srgb, #9fcaff 54%, var(--cell-background));--profile-cover-end: color-mix(in srgb, #fff2b8 50%, var(--cell-background));box-shadow:0 28px 78px #2b20202e;transform:translate(-50%,-50%)}.profile-dialog:focus{outline:none}.avatar-crop-overlay{z-index:65}.avatar-crop-dialog{position:fixed;z-index:70;top:50%;left:50%;display:grid;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);gap:18px;overflow:auto;padding:18px;border-radius:24px;background:color-mix(in srgb,var(--cell-background) 92%,var(--surface));box-shadow:0 28px 78px #2b202038;transform:translate(-50%,-50%)}.avatar-crop-dialog:focus{outline:none}.avatar-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.avatar-crop-header>div:first-child{display:grid;min-width:0;gap:5px}.avatar-crop-header h2{margin:0;color:var(--text);font-size:23px;font-weight:860;line-height:1.12}.avatar-crop-body{display:grid;justify-items:center;gap:16px}.avatar-crop-frame{position:relative;width:280px;height:280px;overflow:hidden;border:1px solid color-mix(in srgb,var(--separator) 78%,transparent);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 72%,#d8e8ff),color-mix(in srgb,var(--cell-background) 76%,#fff1c6));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-frame:active{cursor:grabbing}.avatar-crop-image{position:absolute;top:50%;left:50%;display:block;max-width:none;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.avatar-crop-mask{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:2px solid rgb(255 255 255 / 94%);border-radius:999px;box-shadow:0 0 0 999px #00000061,inset 0 0 0 1px #2b20202e;pointer-events:none}.avatar-crop-slider{display:grid;width:min(320px,100%);gap:8px;color:var(--muted);font-size:12px;font-weight:760}.avatar-crop-slider input{width:100%;accent-color:var(--primary)}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px}.notification-drawer{position:fixed;z-index:60;top:50%;left:50%;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));min-height:0;max-height:none;overflow:hidden;padding:0;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.notification-drawer:focus{outline:none}.notification-workspace-header{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr) auto;align-items:center;min-height:60px;gap:0;border-bottom:1px solid var(--separator);background:var(--surface);padding:0}.notification-workspace-title{display:flex;align-items:center;align-self:stretch;flex-wrap:wrap;min-width:0;gap:10px;border-right:1px solid var(--separator);padding:14px 16px}.notification-workspace-title h2{flex:0 0 auto;margin:0;font-size:18px;font-weight:820;line-height:1.18}.notification-workspace-title .socket-status-pill{flex:0 0 auto}.notification-workspace-current{display:grid;align-content:center;min-width:0;gap:2px;padding:12px 16px}.notification-workspace-current h3{overflow:hidden;margin:0;color:var(--text);font-size:16px;font-weight:840;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.notification-workspace-current p{overflow:hidden;margin:0;color:var(--muted);font-size:11px;font-weight:720;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.notification-workspace-back{display:none}.notification-workspace-close{grid-column:3;justify-self:end;margin-right:16px}.notification-workspace-body{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);min-width:0;min-height:0}.notification-workspace-sidebar{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;border-right:1px solid var(--separator);background:var(--grouped-background)}.notification-list{display:block;min-height:0;overflow-y:auto;padding:14px}.notification-load-sentinel{min-height:1px}.notification-list-status{display:flex;align-items:center;justify-content:center;min-height:32px;gap:8px;color:var(--muted);font-size:12px;font-weight:720}.notification-session-card{display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--separator) 72%,transparent);border-radius:20px;background:var(--cell-background)}.notification-session-cell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;border:0;background:transparent;color:inherit;padding:11px 12px;text-align:left;cursor:pointer}.notification-session-cell:not(:last-child):after{position:absolute;right:42px;bottom:0;left:68px;height:1px;background:var(--separator);content:""}.notification-session-cell--no-leading{grid-template-columns:minmax(0,1fr) auto;padding-left:18px}.notification-session-cell--no-leading:not(:last-child):after{left:18px}.notification-session-cell:hover{background:var(--cell-background-hover)}.notification-session-cell--subscription-entry{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto;align-items:center;min-height:86px;column-gap:10px;row-gap:8px;padding:13px 15px 12px 16px}.notification-session-cell--has-subscription-avatars{grid-template-rows:auto auto}.notification-session-cell--subscription-entry:not(:last-child):after{right:34px;left:22px}.notification-session-subscription-title{grid-column:1;grid-row:1;overflow:hidden;color:var(--text);font-size:16px;font-weight:880;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.notification-session-subscription-unread{grid-column:2;grid-row:1;align-self:center;justify-self:end}.notification-session-cell--has-subscription-avatars .notification-session-subscription-unread{grid-row:1 / 3}.notification-session-subscription-avatars{display:flex;grid-column:1;grid-row:2;align-items:center;gap:6px;min-width:0;overflow:hidden}.notification-session-subscription-avatar{position:relative;display:grid;flex:0 0 auto;box-sizing:border-box;width:30px;height:30px;overflow:hidden;place-items:center;border:2px solid transparent;border-radius:50%;background:var(--control-background);color:var(--muted);font-size:11px;font-weight:850;line-height:1}.notification-session-subscription-avatar img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.notification-session-cell--subscription-entry .notification-session-chevron{grid-column:3;grid-row:1;align-self:center}.notification-session-cell--has-subscription-avatars .notification-session-chevron{grid-row:1 / 3}.notification-session-cell--wallet-entry{grid-template-columns:minmax(0,1fr) auto auto;min-height:86px;column-gap:10px;padding:14px 12px 13px 16px}.notification-session-cell--wallet-entry:not(:last-child):after{right:34px;left:22px}.notification-session-cell--wallet-entry .notification-session-chevron{grid-column:3}.notification-session-wallet-copy{display:grid;min-width:0;gap:8px}.notification-session-wallet-title-row{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:12px}.notification-session-wallet-title-row strong{overflow:hidden;color:var(--text);font-size:16px;font-weight:880;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.notification-session-wallet-title-row small{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:660;line-height:1.2}.notification-session-wallet-preview{display:flex;align-items:baseline;min-width:0;gap:8px;color:var(--muted);font-size:14px;font-weight:690;line-height:1.25}.notification-session-wallet-preview em{flex:0 0 auto;color:var(--primary);font-style:normal;font-weight:850}.notification-session-wallet-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-session-cell--active{background:color-mix(in srgb,var(--primary) 8%,var(--cell-background))}.notification-session-cell--active:hover{background:color-mix(in srgb,var(--primary) 11%,var(--cell-background))}.notification-session-cell--destructive .notification-session-brief{color:var(--error)}.notification-session-leading{position:relative;display:grid;flex:0 0 auto;width:46px;min-height:48px;place-items:center}.notification-session-avatar{position:relative;display:grid;box-sizing:border-box;width:40px;height:40px;overflow:hidden;place-items:center;border:2px solid transparent;border-radius:50%;background:var(--control-background);color:var(--on-secondary);font-size:14px;font-weight:850;line-height:1}.notification-session-avatar svg{stroke-width:2.2}.notification-session-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:center center}.notification-session-avatar--TeamChat{border-color:transparent;background:#ff6f6f24;color:var(--primary)}.notification-session-cell--TeamChat .notification-session-avatar{border-radius:16px}.notification-session-avatar--study{background:transparent;color:var(--primary)}.notification-session-cell--TeamChat .notification-session-avatar--study{border-radius:0}.notification-session-avatar--PersonalChat{background:#5cad7d21;color:#2e7d32}.notification-session-avatar--SubscriptionHistory{background:#ff6a6a17;color:var(--primary)}.notification-session-avatar--preview{background:var(--control-background);color:var(--muted)}.notification-session-avatar--TeamRequestHistory,.notification-session-avatar--TeamInvitation{background:#ff6a6a1f;color:#b0525a}.notification-session-avatar--Transaction,.notification-session-avatar--WalletHistory{background:#eeb14124;color:#9d6a12}.notification-session-avatar--SummaryReport,.notification-session-avatar--PlacementAssessment,.notification-session-avatar--Certificate{background:#5887cd21;color:#315f9f}.notification-session-copy{display:grid;min-width:0;gap:5px}.notification-session-title-row,.notification-session-subtitle-row{display:flex;align-items:center;min-width:0;gap:6px}.notification-session-title-row{align-items:center;justify-content:space-between}.notification-session-title-group{display:flex;align-items:baseline;min-width:0;gap:6px}.notification-session-title-group strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:850;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}.notification-session-title-row small{flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:660;line-height:1.35}.notification-session-meta{flex:0 0 auto;color:color-mix(in srgb,var(--primary) 52%,var(--muted));font-size:12px;font-weight:720;line-height:1.2}.notification-session-state-chip{flex:0 0 auto;border-radius:5px;background:var(--primary);color:var(--on-primary);padding:2px 6px;font-size:10px;font-weight:820;line-height:1.2}.notification-session-state-chip--destructive{background:#ff6a6a1f;color:var(--error)}.notification-session-brief{overflow:hidden;color:var(--muted);font-size:13px;font-weight:620;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.notification-session-chevron{flex:0 0 auto;color:color-mix(in srgb,var(--muted) 48%,transparent);stroke-width:2.6}.notification-session-badge,.notification-session-unread,.notification-session-subscription-unread{display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-size:10px;font-weight:850;line-height:1}.notification-session-badge{position:absolute;top:2px;right:1px;min-width:18px;height:18px;border:2px solid var(--cell-background);border-radius:999px;padding:0 4px}.notification-session-unread,.notification-session-subscription-unread{flex:0 0 auto;min-width:18px;height:18px;border-radius:999px;padding:0 5px}.notification-session-badge--dot,.notification-session-unread--dot,.notification-session-subscription-unread--dot{min-width:8px;width:8px;height:8px;padding:0}.notification-session-badge--dot{top:5px;right:6px;border:0}.notification-cell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;border:0;border-bottom:1px solid var(--separator);background:var(--cell-background);color:inherit;padding:14px 16px;text-align:left;cursor:default}.notification-message-cell{background:var(--surface)}.notification-chatbox{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:min(620px,calc(100vh - 154px));background:var(--surface)}.notification-chat-panel{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;background:var(--surface)}.notification-chat-panel .notification-chatbox{height:100%;min-height:0}.notification-chat-panel--empty{grid-template-rows:minmax(0,1fr);background:linear-gradient(180deg,color-mix(in srgb,var(--control-background) 36%,transparent),transparent 58%),var(--surface)}.notification-chat-empty-panel{display:grid;align-content:center;justify-items:center;min-height:0;gap:10px;color:var(--muted);padding:28px;text-align:center}.notification-chat-empty-panel strong{color:var(--text);font-size:17px;font-weight:820}.notification-chat-empty-panel p{max-width:280px;color:var(--muted);font-size:13px;line-height:1.45}.notification-chat-dialog{position:fixed;z-index:70;top:50%;left:50%;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(720px,calc(100vw - 32px));height:min(760px,calc(100vh - 48px));overflow:hidden;padding:0;transform:translate(-50%,-50%);box-shadow:0 32px 88px #2b202033}.notification-chat-dialog:focus{outline:none}.notification-chat-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--separator);background:var(--surface);padding:16px 18px}.notification-chat-dialog-header div{display:grid;min-width:0;gap:4px}.notification-chat-dialog-header h2{overflow:hidden;color:var(--text);font-size:20px;font-weight:840;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.notification-chat-dialog-header p{color:var(--muted);font-size:12px;font-weight:720}.notification-chat-dialog .notification-chatbox{height:100%;min-height:0}.notification-chat-scroll{display:flex;flex-direction:column;min-height:0;gap:8px;overflow-y:auto;background:color-mix(in srgb,var(--control-background) 45%,var(--surface));padding:14px 16px 18px}.notification-history-panel{background:var(--grouped-background)}.notification-history-list{display:flex;flex-direction:column;min-height:0;gap:14px;overflow-y:auto;background:var(--grouped-background);padding:26px 28px}.notification-history-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:86px;width:100%;min-width:0;gap:14px;border:0;border-radius:28px;background:var(--surface);color:inherit;padding:17px 18px;font:inherit;text-align:left;cursor:default;box-shadow:0 1px color-mix(in srgb,var(--separator) 45%,transparent)}.notification-history-card--clickable{cursor:pointer}.notification-history-card--clickable:hover{background:color-mix(in srgb,var(--surface) 78%,var(--control-background))}.notification-history-card--wallet{flex:0 0 auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;min-height:118px;gap:16px;padding-block:24px;padding-inline:20px}.notification-history-card--wallet .notification-history-chevron{align-self:center}.notification-history-wallet-copy{display:grid;min-width:0;gap:6px}.notification-history-wallet-title-row{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:14px}.notification-history-wallet-title-row strong{overflow:hidden;color:var(--text);font-size:18px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.notification-history-wallet-title-row time{flex:0 0 auto;color:var(--muted);font-size:14px;font-weight:680;line-height:1.2}.notification-history-wallet-amount{color:var(--primary);font-size:16px;font-weight:850;line-height:1.25}.notification-history-wallet-target,.notification-history-wallet-summary{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:15px;font-weight:670;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-history-wallet-target{-webkit-line-clamp:1}.notification-history-list--wallet-detail{gap:18px;padding-inline:28px}.notification-wallet-detail{display:grid;align-content:start;gap:18px;width:min(760px,100%)}.notification-wallet-detail-back{display:inline-flex;align-items:center;justify-self:start;min-height:38px;gap:6px;border:1px solid var(--separator);border-radius:999px;background:var(--surface);color:var(--text);padding:7px 12px 7px 10px;font:inherit;font-size:13px;font-weight:760;cursor:pointer}.notification-wallet-detail-header-card,.notification-wallet-feedback-card{display:grid;border:0;border-radius:28px;background:var(--surface);color:inherit;box-shadow:0 1px color-mix(in srgb,var(--separator) 45%,transparent)}.notification-wallet-detail-header-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:22px 24px}.notification-wallet-detail-header-card span{display:grid;gap:6px;min-width:0}.notification-wallet-detail-header-card strong{overflow:hidden;color:var(--text);font-size:20px;font-weight:850;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}.notification-wallet-detail-header-card em{color:var(--primary);font-size:16px;font-style:normal;font-weight:850;line-height:1.25}.notification-wallet-detail-header-card time{color:var(--muted);font-size:15px;font-weight:680;line-height:1.25}.notification-wallet-feedback-card{gap:18px;padding:24px}.notification-wallet-feedback-card header{display:grid;gap:6px}.notification-wallet-feedback-card header p{color:var(--muted);font-size:14px;font-weight:720;line-height:1.25}.notification-wallet-feedback-card header h3{color:var(--text);font-size:22px;font-weight:850;line-height:1.18}.notification-wallet-feedback-block{display:grid;gap:10px}.notification-wallet-feedback-block h4{margin:0;color:var(--muted);font-size:14px;font-weight:780;line-height:1.25}.notification-wallet-feedback-block dl,.notification-wallet-feedback-block ol,.notification-wallet-feedback-block ul,.notification-wallet-feedback-items{display:grid;gap:9px;margin:0}.notification-wallet-feedback-block ol,.notification-wallet-feedback-block ul{padding-left:22px}.notification-wallet-feedback-block li,.notification-wallet-feedback-block dd,.notification-wallet-feedback-item span{color:var(--text);font-size:15px;font-weight:560;line-height:1.48}.notification-wallet-feedback-block dl div{display:grid;gap:3px}.notification-wallet-feedback-block dt,.notification-wallet-feedback-item strong{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.notification-wallet-feedback-block dd{margin:0;white-space:pre-wrap}.notification-wallet-feedback-item{display:grid;gap:7px;border-radius:16px;background:color-mix(in srgb,var(--control-background) 45%,transparent);padding:12px}.notification-wallet-feedback-item p{display:grid;gap:3px}.notification-history-avatar,.notification-history-icon{display:grid;flex:0 0 auto;place-items:center;border-radius:50%}.notification-history-avatar{position:relative;overflow:hidden;box-sizing:border-box;width:54px;height:54px;border:4px solid var(--separator);background:color-mix(in srgb,var(--control-background) 78%,var(--surface));color:color-mix(in srgb,var(--muted) 78%,var(--text));line-height:1}.notification-history-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:center center}.notification-history-icon{width:46px;height:46px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.notification-history-copy{display:grid;min-width:0;gap:6px}.notification-history-title-row{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:14px}.notification-history-name-line{display:inline-flex;align-items:baseline;min-width:0;gap:10px}.notification-history-name-line strong{overflow:hidden;color:var(--text);font-size:17px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.notification-history-relation{flex:0 0 auto;color:color-mix(in srgb,var(--primary) 54%,var(--muted));font-size:13px;font-weight:760;line-height:1.2}.notification-history-time{flex:0 0 auto;color:var(--muted);font-size:14px;font-weight:680;line-height:1.2}.notification-history-body{overflow:hidden;color:var(--muted);font-size:15px;font-weight:680;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.notification-history-meta{display:flex;flex-wrap:wrap;gap:5px 8px;color:var(--muted);font-size:12px;font-weight:720}.notification-history-meta span+span:before{content:"·";margin-right:8px;color:color-mix(in srgb,var(--muted) 55%,transparent)}.notification-history-chevron{flex:0 0 auto;color:color-mix(in srgb,var(--muted) 62%,transparent)}.notification-history-edge{display:flex;justify-content:center;min-height:44px;padding:8px 0 4px}.notification-history-edge .notification-chat-history-status{background:transparent;color:var(--muted);font-size:14px;font-weight:620}.notification-chat-history-edge{display:flex;justify-content:center;min-height:32px;padding:4px 0 8px}.notification-chat-history-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;gap:6px;border-radius:999px;background:var(--control-background);color:var(--muted);padding:4px 10px;font-size:11px;font-weight:720}.notification-chat-history-status--sentinel{background:transparent}.chat-time-label{align-self:center;max-width:min(86%,360px);border-radius:999px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);padding:4px 9px;font-size:11px;font-weight:720;line-height:1.2}.chat-bubble-row{display:flex;align-items:flex-end;gap:9px;width:100%;padding:2px 0}.chat-bubble-row--self{justify-content:flex-end}.chat-bubble-row--other{justify-content:flex-start}.chat-bubble-avatar{position:relative;display:grid;box-sizing:border-box;flex:0 0 auto;overflow:hidden;width:34px;height:34px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--control-background);color:var(--on-secondary);padding:0;font:inherit;font-size:12px;font-weight:820}.chat-bubble-avatar--clickable{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.chat-bubble-avatar--clickable:hover{transform:translateY(-1px);box-shadow:0 7px 16px #2b202024}.chat-bubble-avatar--clickable:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a2e}.chat-bubble-avatar img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:center center}.chat-bubble-stack{display:grid;max-width:min(76%,420px);gap:3px}.chat-bubble-stack--other{grid-template-columns:34px minmax(0,auto);grid-template-rows:auto auto auto;align-items:center;column-gap:9px;row-gap:3px;max-width:min(86%,470px)}.chat-bubble-row--self .chat-bubble-stack{justify-items:end}.chat-bubble-row--other .chat-bubble-stack{justify-items:start}.chat-bubble-sender{color:var(--muted);font-size:11px;font-weight:720}.chat-bubble-stack--other .chat-bubble-sender{grid-column:2;grid-row:1}.chat-bubble-stack--other .chat-bubble-avatar-cell{display:flex;grid-column:1;grid-row:2;align-self:stretch;align-items:flex-end;justify-content:center}.chat-bubble-stack--other .chat-bubble{grid-column:2;grid-row:2}.chat-bubble-stack--other .chat-bubble-time{grid-column:2;grid-row:3}.chat-bubble{display:grid;max-width:100%;min-width:0;gap:8px;border:0;color:inherit;padding:9px 13px;font:inherit;font-size:13px;font-weight:650;line-height:1.45;text-align:left;cursor:default}.chat-bubble--self{border-radius:18px 18px 5px;background:var(--primary);color:var(--on-primary)}.chat-bubble--other{border:1px solid color-mix(in srgb,var(--separator) 72%,transparent);border-radius:18px 18px 18px 5px;background:var(--surface);color:var(--text)}.chat-bubble--invitation{padding:7px}.chat-bubble--audio{border:0;background:transparent;padding:0}.chat-bubble--img{overflow:hidden;gap:0;padding:0}.chat-bubble--clickable{cursor:pointer}.chat-bubble-time{color:var(--muted);font-size:10px;font-weight:650}.chat-message-text{min-width:0;white-space:pre-wrap;word-break:break-word}.chat-media-stack{display:grid;min-width:0;gap:7px}.chat-bubble--img .chat-media-stack{gap:0}.chat-image-message{display:block;width:min(240px,62vw);max-height:240px;border-radius:0;background:var(--control-background);object-fit:cover;object-position:center center}.chat-image-button{display:block;overflow:hidden;width:fit-content;border:0;border-radius:inherit;background:transparent;color:inherit;padding:0;cursor:zoom-in;font:inherit}.chat-image-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white);outline-offset:3px}.chat-bubble--img .chat-message-text{padding:9px 13px}.chat-media-placeholder{display:inline-flex;align-items:center;justify-content:center;width:min(220px,58vw);min-height:120px;gap:7px;border-radius:13px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);padding:12px;font-size:12px;font-weight:760}.chat-audio-message{display:grid;width:auto;min-width:0;gap:7px}.chat-audio-button{display:inline-flex;align-items:center;min-width:96px;max-width:min(240px,64vw);height:38px;gap:8px;border:0;background:var(--primary);color:var(--on-primary);padding:0 10px;font:inherit;font-size:12px;font-weight:780;line-height:1;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.chat-bubble--self .chat-audio-button{border-radius:18px 18px 5px}.chat-bubble--other .chat-audio-button{border-radius:18px 18px 18px 5px}.chat-audio-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2b202024}.chat-audio-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white);outline-offset:3px}.chat-audio-button--playing{background:var(--tertiary)}.chat-audio-button:disabled{background:color-mix(in srgb,var(--muted) 18%,var(--surface));color:var(--muted);cursor:not-allowed}.chat-audio-icon{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center}.chat-audio-duration{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.chat-audio-tail{flex:1 1 auto;min-width:10px}.chat-audio-playing-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;gap:3px}.chat-audio-playing-indicator span{display:block;width:3px;height:15px;border-radius:999px;background:currentColor;animation:chat-audio-playing-bar .68s ease-in-out infinite alternate}.chat-audio-playing-indicator span:nth-child(2){height:22px;animation-duration:.52s}.chat-audio-playing-indicator span:nth-child(3){height:11px;animation-duration:.78s}.chat-audio-message audio{display:none}@keyframes chat-audio-playing-bar{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.chat-invitation-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:min(260px,62vw);gap:10px;padding:3px 4px}.chat-invitation-icon,.chat-attachment-card-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.chat-invitation-card strong,.chat-invitation-card small{display:block;overflow:hidden;text-overflow:ellipsis}.chat-invitation-card small{color:color-mix(in srgb,currentColor 72%,transparent);font-size:11px;font-weight:680;white-space:nowrap}.chat-attachment-card{display:grid;min-width:min(260px,62vw);max-width:360px;gap:8px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,var(--control-background));color:var(--text);padding:10px}.chat-bubble--self .chat-attachment-card{border-color:#ffffff38;background:#ffffff24;color:var(--on-primary)}.chat-attachment-card-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.chat-attachment-card-heading{display:grid;min-width:0;gap:2px}.chat-attachment-card-heading strong,.chat-attachment-card-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-card-heading strong{font-size:13px;font-weight:820}.chat-attachment-card-heading small,.chat-attachment-meta{color:color-mix(in srgb,currentColor 68%,transparent);font-size:11px;font-weight:680}.chat-attachment-card p{margin:0;color:inherit;font-size:12px;font-weight:650;line-height:1.45;word-break:break-word}.chat-attachment-progress{min-width:42px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);padding:3px 7px;font-size:11px;font-weight:820;text-align:center}.chat-bubble--self .chat-attachment-progress,.chat-bubble--self .chat-attachment-card-icon,.chat-bubble--self .chat-invitation-icon{background:#ffffff2e;color:var(--on-primary)}.chat-attachment-tags,.chat-attachment-courses{display:flex;flex-wrap:wrap;gap:6px}.chat-attachment-tags span{border-radius:999px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:color-mix(in srgb,currentColor 74%,transparent);padding:3px 7px;font-size:10px;font-weight:760}.chat-attachment-course{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;width:100%;gap:8px;border-radius:8px;background:color-mix(in srgb,var(--muted) 9%,transparent);padding:5px}.chat-attachment-course img,.chat-attachment-course-fallback{width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);object-fit:cover}.chat-attachment-course>span{display:grid;min-width:0}.chat-attachment-course strong,.chat-attachment-course small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-course strong{font-size:12px;font-weight:760}.chat-attachment-course small{color:color-mix(in srgb,currentColor 66%,transparent);font-size:10px;font-weight:680}.chat-system-bubble{align-self:center;display:grid;max-width:min(86%,340px);gap:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);padding:6px 11px;font:inherit;text-align:center;cursor:default}.chat-system-bubble--error{background:#ff3b301a;color:#b42318}.chat-system-bubble--signal{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.chat-system-bubble--clickable{cursor:pointer}.chat-system-bubble span{color:inherit;font-size:12px;font-weight:720;line-height:1.35}.notification-chat-composer-shell{border-top:1px solid var(--separator);background:var(--surface)}.notification-chat-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:9px;padding:10px 12px}.notification-chat-file-input{display:none}.notification-chat-action-toggle,.notification-chat-send-button{display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:999px;font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.notification-chat-action-toggle{border:1px solid var(--separator);background:var(--cell-background);color:var(--text)}.notification-chat-action-toggle:hover:not(:disabled),.notification-chat-action-toggle--open{border-color:color-mix(in srgb,var(--primary) 42%,var(--separator));background:color-mix(in srgb,var(--primary) 10%,var(--cell-background));color:var(--primary)}.notification-chat-action-toggle svg{transition:transform .16s ease}.notification-chat-action-toggle--open svg{transform:rotate(45deg)}.notification-chat-send-button{border:0;background:var(--primary);color:var(--on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent)}.notification-chat-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 34%,transparent)}.notification-chat-action-panel{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start;gap:12px;border-top:0 solid transparent;background:transparent;max-height:0;overflow:hidden;opacity:0;padding:0 12px;pointer-events:none;transform:translateY(12px);transition:max-height .22s ease,opacity .18s ease,padding .22s ease,transform .22s ease}.notification-chat-composer-shell--actions-open .notification-chat-action-panel{max-height:min(260px,42vh);border-top-width:1px;border-top-color:color-mix(in srgb,var(--separator) 72%,transparent);background:color-mix(in srgb,var(--surface-variant) 72%,var(--surface));opacity:1;padding:10px 12px 14px;pointer-events:auto;transform:translateY(0)}.notification-chat-action-item{display:inline-grid;flex:0 0 84px;grid-template-columns:1fr;align-items:center;justify-items:center;width:84px;min-height:76px;gap:6px;border:1px solid var(--separator);border-radius:8px;background:var(--cell-background);color:var(--text);padding:9px 7px;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,opacity .16s ease,transform .16s ease}.notification-chat-action-item:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 42%,var(--separator));background:color-mix(in srgb,var(--primary) 7%,var(--cell-background));transform:translateY(-1px)}.notification-chat-action-item:disabled{cursor:not-allowed;opacity:.55}.notification-chat-action-item-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.notification-chat-action-item-copy{display:grid;min-width:0;justify-items:center;gap:1px}.notification-chat-action-item-copy strong{overflow:hidden;max-width:100%;color:var(--text);font-size:13px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.notification-chat-action-item-copy small{overflow:hidden;max-width:100%;color:var(--muted);font-size:10px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.notification-chat-error{border-top:1px solid var(--separator);background:#ff3b3014;color:#b42318;margin:0;padding:7px 14px;font-size:12px;font-weight:720;line-height:1.35}.notification-chat-input{display:block;width:100%;min-height:40px;max-height:200px;border:1px solid var(--separator);border-radius:20px;background:var(--surface);color:var(--text);padding:9px 13px;font:inherit;font-size:13px;line-height:18px;overflow-x:hidden;overflow-y:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.notification-chat-input:disabled{color:var(--muted);opacity:.78}.notification-chat-composer button:disabled{cursor:not-allowed;opacity:.55}.chat-image-viewer-overlay{z-index:80;background:#181616b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-image-viewer-dialog{position:fixed;z-index:90;top:18px;right:18px;bottom:18px;left:18px;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:0;background:transparent;color:#fff;padding:0}.chat-image-viewer-dialog:focus{outline:none}.chat-image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:12px;padding:0 0 12px}.chat-image-viewer-toolbar p{overflow:hidden;color:#ffffffd1;font-size:12px;font-weight:720;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.chat-image-viewer-toolbar .secondary-button{border-color:#ffffff47;background:#ffffff24;color:#fff}.chat-image-viewer-frame{position:relative;display:grid;min-width:0;min-height:0;place-items:center;border-radius:14px;background-color:#0000003d;background-position:center;background-repeat:no-repeat;background-size:contain}.chat-image-viewer-frame img{display:block;max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 24px 80px #0000005c;object-fit:contain}.chat-image-viewer-nav{position:absolute;z-index:1;top:50%;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgb(255 255 255 / 26%);border-radius:999px;background:#ffffff29;color:#fff;padding:0;transform:translateY(-50%);box-shadow:0 14px 36px #00000047;cursor:pointer}.chat-image-viewer-nav:hover:not(:disabled),.chat-image-viewer-nav:focus-visible{background:#ffffff3d}.chat-image-viewer-nav:focus-visible{outline:2px solid rgb(255 255 255 / 76%);outline-offset:3px}.chat-image-viewer-nav:disabled{opacity:.32;cursor:default}.chat-image-viewer-nav--previous{left:18px}.chat-image-viewer-nav--next{right:18px}.notification-cell--clickable{cursor:pointer}.notification-cell--clickable:hover{background:var(--cell-background-hover)}.notification-cell-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:var(--control-background);color:var(--primary)}.notification-cell-copy{display:grid;min-width:0;gap:4px}.notification-cell-title{overflow:hidden;color:var(--text);font-size:14px;font-weight:820;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.notification-cell-body{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:13px;font-weight:620;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-cell-meta{display:flex;flex-wrap:wrap;gap:5px 8px;color:var(--muted);font-size:11px;font-weight:720}.notification-cell-meta span+span:before{content:"·";margin-right:8px;color:color-mix(in srgb,var(--muted) 55%,transparent)}.notification-empty{display:grid;min-height:260px;align-content:center;justify-items:center;gap:8px;color:var(--muted);padding:28px 22px;text-align:center}.notification-empty strong{color:var(--text);font-size:16px;font-weight:820}.notification-empty p{max-width:280px;color:var(--muted);font-size:13px;line-height:1.45}.notification-empty--error{color:var(--error)}.join-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);gap:16px;overflow-y:auto;padding:16px;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.join-dialog:focus{outline:none}.create-team-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;padding:18px;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.create-team-dialog:focus{outline:none}.voice-removal-dialog,.lesson-open-sync-dialog,.lesson-sync-dialog,.lesson-clear-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(420px,calc(100vw - 32px));gap:16px;padding:20px;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.voice-removal-dialog:focus,.lesson-open-sync-dialog:focus,.lesson-sync-dialog:focus,.lesson-clear-dialog:focus{outline:none}.voice-removal-dialog-icon,.lesson-open-sync-dialog-icon,.lesson-sync-dialog-icon,.lesson-clear-dialog-icon{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--error) 13%,var(--surface));color:var(--error)}.lesson-open-sync-dialog-icon,.lesson-sync-dialog-icon{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}.voice-removal-dialog-copy,.lesson-open-sync-dialog-copy,.lesson-sync-dialog-copy,.lesson-clear-dialog-copy{display:grid;gap:8px}.voice-removal-dialog-copy h2,.lesson-open-sync-dialog-copy h2,.lesson-sync-dialog-copy h2,.lesson-clear-dialog-copy h2{margin:0;color:var(--ink);font-size:22px;line-height:1.2}.voice-removal-dialog-copy p,.lesson-open-sync-dialog-copy p,.lesson-sync-dialog-copy p,.lesson-clear-dialog-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.lesson-open-sync-dialog-meta{width:fit-content;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--separator));border-radius:8px;background:color-mix(in srgb,var(--primary) 8%,var(--cell-background));color:var(--primary)!important;padding:6px 9px;font-size:13px!important;font-weight:780}.join-dialog-header,.create-team-dialog-header{align-items:flex-start}.create-team-form{display:grid;gap:16px}.form-section{display:grid;gap:14px;padding:0}.form-section+.form-section{border-top:1px solid var(--separator);padding-top:16px}.form-field{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;color:var(--muted);font-size:13px;font-weight:750}.form-field--inline{min-height:40px}.form-field>span{color:var(--muted);line-height:1.25}.form-field:has(.textarea-input){align-items:start}.form-field:has(.textarea-input)>span{padding-top:11px}.form-field strong{color:var(--text);font-size:15px;font-weight:780}.create-team-form .text-input,.create-team-form .select-trigger{min-height:42px;border-radius:10px;background:var(--surface)}.textarea-input{min-height:92px;resize:vertical;line-height:1.45}.criteria-card{display:grid;gap:10px;margin-left:108px;border-left:2px solid rgb(255 106 106 / 30%);padding:2px 0 2px 12px}.criteria-card .form-field{grid-template-columns:minmax(0,1fr);gap:7px;min-height:0}.criteria-card .form-field--inline{grid-template-columns:minmax(0,1fr) auto;min-height:26px}.form-hint{color:var(--muted);font-size:12px;line-height:1.4}.dialog-footer-actions{display:flex;justify-content:flex-end;gap:10px}.profile-dialog-header{align-items:flex-start}.profile-dialog-header>div:first-child{display:grid;justify-items:start;gap:7px}.profile-dialog-actions{align-items:center}.profile-loading{padding-block:22px}.profile-sheet{display:grid;gap:16px}.profile-cover-card{overflow:hidden;min-width:0;border:1px solid var(--separator);border-radius:20px;background:var(--cell-background);box-shadow:0 12px 30px #2b202012}.profile-cover-band{min-height:92px;background:linear-gradient(90deg,var(--profile-cover-start),var(--profile-cover-end))}.profile-cover-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 22px 22px;transform:translateY(-28px);margin-bottom:-28px}.profile-hero-avatar{position:relative;display:grid;flex:0 0 auto;width:82px;height:82px;overflow:hidden;place-items:center;border:4px solid var(--cell-background);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:28px;font-weight:850;box-shadow:0 10px 24px #2b20201f}.profile-hero-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%}.profile-hero-copy{display:grid;min-width:0;gap:8px}.profile-hero-copy h3{margin:0;overflow:hidden;color:var(--text);font-size:21px;font-weight:850;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.profile-hero-copy p{margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.3}.profile-card-edit{min-width:86px;justify-content:center;border-color:transparent;background:var(--profile-accent);color:#fff;box-shadow:0 8px 20px #3f7df633}.profile-card-edit:hover{background:color-mix(in srgb,var(--profile-accent) 88%,#1d4ed8)}.profile-card{display:grid;gap:16px;border:1px solid var(--separator);border-radius:18px;background:var(--cell-background);padding:18px 20px 20px}.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-card-header h3{margin:0;color:var(--text);font-size:15px;font-weight:820;line-height:1.2}.profile-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:16px}.profile-control-card{display:grid;align-content:start;gap:8px;min-width:0;min-height:76px;border:0;border-radius:0;background:transparent;padding:0}.profile-control-card>span{color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:13px;font-weight:720;line-height:1.2}.profile-display-field{display:flex;align-items:center;min-height:48px;overflow:hidden;border:1px solid transparent;border-radius:10px;background:var(--profile-field);color:var(--text);font-size:15px;font-weight:760;line-height:1.25;padding:0 14px;text-overflow:ellipsis;white-space:nowrap}.profile-gender-field{gap:8px}.profile-gender-symbol{flex:0 0 auto;font-size:18px;font-weight:850;line-height:1}.profile-inline-input,.profile-select-trigger{width:100%;min-height:48px;border-color:transparent;border-radius:10px;background:var(--profile-field);box-shadow:none}.profile-settings-list{display:grid;gap:10px}.profile-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;border:1px solid transparent;border-radius:12px;background:var(--profile-field);padding:10px 14px}.profile-setting-row>div{display:grid;min-width:0;gap:3px}.profile-setting-row strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.profile-setting-row small{color:var(--muted);font-size:12px;font-weight:650}.profile-switch{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;width:48px;height:28px;border:1px solid transparent;border-radius:999px;background:var(--control-background);padding:2px;cursor:pointer;transition:background .16s ease,opacity .16s ease}.profile-switch span{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:var(--cell-background);color:var(--primary);box-shadow:0 1px 3px #2b20202e;transform:translate(0);transition:transform .16s ease}.profile-switch--on{background:var(--primary)}.profile-switch--on span{transform:translate(20px)}.profile-switch:disabled{cursor:not-allowed;opacity:.62}.profile-logout-button{width:100%}.profile-modal{display:grid;grid-template-columns:260px minmax(0,1fr);width:100%;height:100%;min-height:0}.profile-sidebar{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;gap:18px;border-right:1px solid var(--separator);background:color-mix(in srgb,var(--surface) 76%,var(--cell-background));padding:18px}.profile-sidebar-color{min-height:138px;border-radius:24px;background:linear-gradient(135deg,#b8d8ff,#f9edb8 58%,#ffd4d4)}.profile-sidebar-user{display:grid;justify-items:start;min-width:0;gap:12px;margin-top:-72px;padding:0 8px}.profile-sidebar-avatar{position:relative;display:grid;width:86px;height:86px;overflow:hidden;place-items:center;border:4px solid var(--cell-background);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:30px;font-weight:850;box-shadow:0 18px 38px #2b202026}.profile-sidebar-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%}.profile-sidebar-user div{display:grid;min-width:0;gap:5px}.profile-sidebar-user strong{overflow:hidden;color:var(--text);font-size:20px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.profile-sidebar-user span{color:var(--muted);font-size:12px;font-weight:720}.profile-tab-list{display:grid;align-content:start;gap:10px;border:0;border-radius:0;background:transparent;padding:0}.profile-tab-trigger{display:flex;align-items:center;min-height:42px;gap:10px;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px 10px;font:inherit;font-size:14px;font-weight:760;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.profile-tab-trigger:hover{background:var(--cell-background-hover);color:var(--text)}.profile-tab-trigger:focus-visible{outline:none;background:var(--cell-background-hover)}.profile-tab-trigger[data-state=active]{background:var(--control-background);color:var(--primary)}.profile-tab-trigger:disabled{cursor:not-allowed;opacity:.45}.profile-tab-trigger:disabled:hover{background:transparent;color:var(--muted)}.profile-sidebar-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:color-mix(in srgb,var(--cell-background) 78%,transparent);color:var(--muted);padding:0 12px;font-size:12px;font-weight:760}.profile-sidebar-status--connected{color:#2f855a}.profile-sidebar-status--error,.profile-sidebar-status--disconnected,.profile-sidebar-status--remoteLogin{color:var(--primary)}.profile-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:var(--cell-background)}.profile-main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px}.profile-main-header>div:first-child{display:grid;min-width:0;gap:7px}.profile-main-header h2{margin:0;color:var(--text);font-size:26px;font-weight:860;letter-spacing:0;line-height:1.1}.profile-tab-stage{display:grid;align-content:start;min-height:0;gap:14px;overflow-y:auto;padding:0 24px 24px}.profile-tab-panel{display:grid;align-content:start;gap:16px}.profile-tab-panel[data-state=inactive]{display:none}.profile-section{display:grid;gap:16px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:20px;background:var(--cell-background);padding:18px}.profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-section-header h3{margin:0;color:var(--text);font-size:15px;font-weight:830;line-height:1.2}.profile-section-header span{color:var(--muted);font-size:12px;font-weight:720}.profile-cover-card{border:0;border-radius:24px;box-shadow:none}.profile-cover-band{min-height:124px;background:linear-gradient(135deg,var(--profile-cover-start) 0%,#f4f7fb 50%,var(--profile-cover-end) 100%)}.profile-cover-body{grid-template-columns:auto minmax(0,1fr) auto;padding:0 24px 24px;transform:translateY(-34px);margin-bottom:-34px}.profile-hero-avatar{width:94px;height:94px}.profile-card-edit{min-width:92px;min-height:42px;border-radius:12px}.profile-field-grid{column-gap:18px;row-gap:18px}.profile-display-field,.profile-inline-input,.profile-select-trigger{min-height:50px;border:1px solid transparent;border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,var(--cell-background))}.profile-edit-panel{display:grid;align-content:start;gap:18px;min-height:430px;border-radius:24px;background:color-mix(in srgb,var(--surface) 78%,var(--cell-background));padding:18px}.profile-edit-heading{display:flex;align-items:center;min-width:0;min-height:150px;gap:16px;border-radius:22px;background:linear-gradient(135deg,var(--profile-cover-start) 0%,#f6f2df 54%,#ffd9d2 100%);padding:22px}.profile-edit-avatar{position:relative;display:grid;flex:0 0 auto;width:86px;height:86px;overflow:hidden;place-items:center;border:4px solid var(--cell-background);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:28px;font-weight:850;box-shadow:0 16px 34px #2b202026}.profile-edit-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%}.profile-edit-heading div{display:grid;min-width:0;gap:7px}.profile-edit-heading h3,.profile-edit-heading p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.profile-edit-heading h3{color:var(--text);font-size:24px;font-weight:870;line-height:1.12}.profile-edit-heading p{color:color-mix(in srgb,var(--text) 70%,var(--muted));font-size:14px;font-weight:760}.profile-edit-form{display:grid;gap:16px;border-radius:20px;background:var(--cell-background);padding:18px}.profile-edit-form .profile-inline-input,.profile-edit-form .profile-select-trigger{border-color:color-mix(in srgb,var(--profile-accent) 22%,transparent);background:var(--cell-background)}.profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-stat-card{display:grid;align-content:space-between;min-height:116px;min-width:0;border-radius:22px;padding:16px}.profile-stat-card span{color:color-mix(in srgb,var(--text) 70%,var(--muted));font-size:13px;font-weight:760}.profile-stat-card strong{overflow:hidden;color:var(--text);font-size:25px;font-weight:880;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.profile-stat-card--blue{background:#dbeafe}.profile-stat-card--green{background:#dff4e8}.profile-stat-card--yellow{background:#fff3c4}.profile-stat-card--rose{background:#ffe1e1}.profile-stat-card--violet{background:#ebe5ff}.profile-stat-card--gray{background:#eef1f5}.profile-info-list,.profile-certificate-list{display:grid;gap:10px}.profile-info-row,.profile-certificate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:54px;gap:14px;border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,var(--cell-background));padding:10px 14px}.profile-info-row span{color:var(--muted);font-size:13px;font-weight:720}.profile-info-row strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.profile-certificate-row{grid-template-columns:auto minmax(0,1fr) auto}.profile-certificate-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#dbeafe;color:var(--profile-accent)}.profile-certificate-row div{display:grid;min-width:0;gap:4px}.profile-certificate-row strong,.profile-certificate-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-certificate-row strong{color:var(--text);font-size:14px;font-weight:800}.profile-certificate-row small,.profile-certificate-state{color:var(--muted);font-size:12px;font-weight:720}.profile-empty-block{display:grid;min-height:84px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,var(--cell-background));color:var(--muted);font-size:13px;font-weight:720}.profile-setting-row{min-height:64px;border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,var(--cell-background));padding:12px 14px}.profile-danger-zone{border-color:color-mix(in srgb,var(--primary) 22%,var(--separator));background:color-mix(in srgb,var(--primary) 5%,var(--cell-background))}.public-profile-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,calc(100vw - 40px));max-height:min(780px,calc(100vh - 40px));overflow:hidden;padding:0;--profile-accent: #3f7df6;--profile-cover-start: color-mix(in srgb, #9fcaff 54%, var(--cell-background));--profile-cover-end: color-mix(in srgb, #fff2b8 50%, var(--cell-background));box-shadow:0 28px 78px #2b20202e;transform:translate(-50%,-50%)}.public-profile-dialog:focus{outline:none}.public-profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--separator);padding:18px 20px 14px}.public-profile-header>div:first-child{display:grid;min-width:0;gap:6px}.public-profile-title-row{display:flex;align-items:center;min-width:0;gap:10px}.public-profile-header h2{margin:0;overflow:hidden;color:var(--text);font-size:24px;font-weight:860;letter-spacing:0;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.public-profile-relation-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:58px;min-height:30px;border:1px solid var(--separator);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--cell-background));color:var(--muted);padding:0 12px;font:inherit;font-size:13px;font-weight:820;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.public-profile-relation-button:hover:not(:disabled){transform:translateY(-1px)}.public-profile-relation-button--IsFriend{border-color:#ff6a6a47;background:#ff6a6a1a;color:var(--primary)}.public-profile-relation-button--Following{border-color:#43a04747;background:#43a04717;color:#2e7d32}.public-profile-relation-button--Unfollowing{border-color:#ff6a6a57;background:var(--primary);color:var(--on-primary)}.public-profile-relation-button:disabled{cursor:not-allowed;opacity:.66}.public-profile-body{display:grid;align-content:start;min-height:0;gap:14px;overflow-y:auto;padding:16px 20px 22px}.public-profile-hero{display:grid;align-content:start;min-height:184px;overflow:hidden;border:1px solid var(--separator);border-radius:20px;background:var(--cell-background)}.public-profile-cover{min-height:104px;background:linear-gradient(135deg,var(--profile-cover-start) 0%,#f7f5e2 54%,var(--profile-cover-end) 100%)}.public-profile-hero-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:16px;padding:0 20px 20px;transform:translateY(-34px);margin-bottom:-34px}.public-profile-avatar{position:relative;display:grid;width:92px;height:92px;overflow:hidden;place-items:center;border:4px solid var(--cell-background);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:30px;font-weight:850;box-shadow:0 16px 34px #2b202026}.public-profile-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%}.public-profile-copy{display:grid;min-width:0;gap:6px;padding-bottom:4px}.public-profile-copy h3{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:23px;font-weight:870;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.public-profile-copy p,.public-profile-copy span{margin:0;overflow:hidden;color:var(--muted);font-size:13px;font-weight:720;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.public-profile-actions{display:flex;align-items:center;justify-content:flex-end;min-width:38px;gap:8px;padding-bottom:4px}.public-profile-chat-button{width:38px;min-width:38px;min-height:38px;border-radius:50%;color:var(--profile-accent)}.public-profile-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public-profile-stat-grid .profile-stat-card{min-height:96px;border-radius:18px}.public-profile-stat-grid .profile-stat-card strong{font-size:22px}.public-profile-section{border-radius:18px;padding:16px}.public-profile-event-list{display:grid;gap:10px}.public-profile-event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:64px;gap:12px;border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,var(--cell-background));padding:10px 12px}.public-profile-event-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:#dbeafe;color:var(--profile-accent)}.public-profile-event-row div{display:grid;min-width:0;gap:4px}.public-profile-event-row strong,.public-profile-event-row small,.public-profile-event-row time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-profile-event-row strong{color:var(--text);font-size:14px;font-weight:800}.public-profile-event-row small,.public-profile-event-row time{color:var(--muted);font-size:12px;font-weight:720}.public-profile-event-row time{max-width:140px;text-align:right}.public-profile-error{display:grid;align-content:center;justify-items:center;min-height:320px;gap:10px;color:var(--muted);padding:28px;text-align:center}.public-profile-error strong{color:var(--text);font-size:16px;font-weight:820}.public-profile-error p{margin:0;color:var(--error);font-size:13px;font-weight:720}.voice-panel{display:grid;gap:12px;padding:16px}.voice-main{display:flex;align-items:center;gap:14px}.voice-icon{width:46px;height:46px;background:var(--primary);color:var(--on-primary)}.voice-metrics{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:13px;font-weight:650}.voice-actions{display:flex;flex-wrap:wrap;gap:10px}.remote-audio-mount{display:none}.study-room-page{display:grid;align-content:start;gap:12px;width:min(1320px,100%);min-height:calc(100vh - 130px);margin:18px auto 0}.study-room-header{display:grid;grid-template-columns:auto;align-items:center;justify-content:start;gap:14px}.study-room-brand{display:flex;align-items:center;justify-content:center;min-width:0;gap:12px}.study-room-brand h1{overflow:hidden;max-width:520px;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.room-state-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--separator);border-radius:999px;background:var(--cell-background);color:var(--muted);padding:7px 12px;font-size:12px;font-weight:750;white-space:nowrap}.room-state-pill--connected{border-color:#43a04757;background:#43a0471a;color:#2e7d32}.room-state-pill--reconnecting,.room-state-pill--joining{border-color:#f5b54c61;background:#f5b54c1f;color:#9a6a12}.room-state-pill--disconnected{border-color:var(--error-border);background:var(--error-container);color:var(--error)}.study-room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(276px,320px);gap:12px;align-items:start}.study-room-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:calc(100vh - 188px)}.study-room-main.surface-panel{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.room-content-header{overflow:hidden;border:1px solid var(--separator);border-radius:16px;background:var(--cell-background)}.room-stage-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--separator);background:var(--surface);padding:12px 14px}.room-live-indicator{display:inline-flex;align-items:center;min-width:0;gap:8px;color:var(--text);font-size:15px;font-weight:820}.room-live-indicator svg{flex:0 0 auto;color:var(--muted)}.room-live-indicator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-primary-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.room-content-nav{display:flex;align-items:center;justify-content:flex-start;background:var(--cell-background);padding:8px 14px}.room-tabs{display:flex;justify-content:flex-start;gap:6px;padding:0}.room-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:6px 10px;font:inherit;font-size:13px;font-weight:750;letter-spacing:0;cursor:pointer;outline:none;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.room-tab:hover{background:var(--cell-background-hover);color:var(--text)}.room-tab--active,.room-tab[data-state=active]{border-color:var(--separator);background:var(--cell-background);color:var(--primary)}.room-tab:focus-visible{box-shadow:0 0 0 3px #ff6a6a29}.room-content-stage{display:grid;align-content:start;min-height:0;padding:14px;outline:none}.room-content-stage[hidden]{display:none}.room-content-stage:focus-visible{box-shadow:inset 0 0 0 3px #ff6a6a1f}.room-course-list-dialog{--course-library-master-bg: var(--surface);--course-library-detail-bg: linear-gradient(180deg, rgb(255 255 255 / 96%), rgb(248 249 251 / 96%));--course-library-card-bg: #fff0f1;--course-library-card-active-bg: #ffe8ea;--course-library-card-text: #7c5c63;--course-library-card-muted: #96777e;--course-library-card-subtle: #a6868c;--course-library-chip-bg: rgb(255 255 255 / 82%);--course-library-cover-bg: rgb(255 255 255 / 74%);--course-library-hero-bg: radial-gradient(circle at 95% 14%, rgb(255 255 255 / 68%) 0 9%, transparent 10%), linear-gradient(135deg, #fff1f2 0%, #ffe7da 100%);--course-library-hero-text: #6d5057;--course-library-hero-muted: #8b6970;--course-library-hero-subtle: #9a7077;--course-library-brief-bg: rgb(255 255 255 / 72%);--course-library-button-bg: rgb(255 255 255 / 78%);--course-library-green-bg: #eaf7f0;--course-library-green: #3d7d60;--course-library-primary-border: rgb(255 106 106 / 34%);--course-library-primary-border-strong: rgb(255 106 106 / 48%);--course-library-primary-border-soft: rgb(255 106 106 / 36%);--course-library-hover-shadow: 0 12px 30px rgb(94 40 48 / 8%);--course-library-cover-shadow: 0 12px 24px rgb(94 40 48 / 13%);position:fixed;top:50%;left:50%;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1120px,calc(100vw - 28px));height:min(760px,calc(100vh - 48px));max-height:min(760px,calc(100vh - 48px));transform:translate(-50%,-50%)}.room-course-list-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-bottom:1px solid var(--separator);padding:10px 14px}.room-course-list-dialog .dialog-header h2{margin:0;color:var(--text);font-size:20px;font-weight:820;line-height:1.1}.room-course-list{display:grid;gap:8px;overflow-y:auto;min-height:0;padding:14px}.room-course-list-error{grid-column:1 / -1;border:1px solid var(--error-border);border-radius:12px;background:var(--error-container);color:var(--error);padding:9px 11px;font-size:13px;font-weight:700}.course-outline-dialog{position:fixed;top:50%;left:50%;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,calc(100vw - 28px));height:min(760px,calc(100vh - 48px));max-height:min(760px,calc(100vh - 48px));overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.course-outline-dialog:focus{outline:none}.course-outline-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;border-bottom:1px solid var(--separator);padding:10px 14px}.course-outline-dialog-header>div{display:grid;min-width:0;gap:4px}.course-outline-dialog-header h2,.course-outline-dialog-header p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.course-outline-dialog-header h2{color:var(--text);font-size:20px;font-weight:840;line-height:1.1}.course-outline-dialog-header p{color:var(--muted);font-size:13px;font-weight:720}.course-outline-tabs{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.course-outline-tab-list{display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--separator);padding:10px 14px}.course-outline-tab{min-height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:0 14px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.course-outline-tab[data-state=active]{border-color:color-mix(in srgb,var(--primary) 26%,var(--separator));background:color-mix(in srgb,var(--primary) 10%,var(--cell-background));color:var(--primary)}.course-outline-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a29}.course-outline-panel{overflow-y:auto;min-height:0;padding:16px}.course-outline-panel[hidden]{display:none}.course-outline-hero{display:grid;gap:6px;border:1px solid var(--separator);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--cell-background) 92%,var(--primary) 8%),color-mix(in srgb,var(--surface) 88%,#f5b54c 12%));padding:16px}.course-outline-hero span,.course-outline-hero p{margin:0;color:var(--muted);font-size:13px;font-weight:760}.course-outline-hero h3{margin:0;color:var(--text);font-size:22px;font-weight:860;line-height:1.2}.course-outline-detail-tabs{display:grid;min-width:0;gap:12px}.course-outline-hero+.course-outline-detail-tabs{margin-top:18px}.course-outline-detail-tab-list{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:4px;border:1px solid var(--separator);border-radius:10px;background:var(--surface);padding:4px}.course-outline-detail-tab{min-height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:0 12px;font:inherit;font-size:13px;font-weight:820;white-space:nowrap;cursor:pointer}.course-outline-detail-tab[data-state=active]{background:var(--cell-background);color:var(--primary);box-shadow:0 4px 12px #2b202014}.course-outline-detail-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a29}.course-outline-detail-panel{min-width:0}.course-outline-detail-panel[hidden]{display:none}.course-outline-section{display:grid;gap:10px;min-width:0}.course-outline-hero+.course-outline-section{margin-top:18px}.course-outline-section h4{margin:0;color:var(--text);font-size:14px;font-weight:860}.course-outline-line-list,.course-outline-activity-list,.course-outline-unit-list{display:grid;gap:8px}.course-outline-line{display:grid;gap:6px}.course-outline-line p{margin:0;color:var(--text);font-size:14px;font-weight:650;line-height:1.55}.course-outline-line-children{display:grid;gap:6px;border-left:2px solid color-mix(in srgb,var(--primary) 22%,var(--separator));margin-left:4px;padding-left:12px}.course-outline-empty{margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.course-outline-activity{display:grid;grid-template-columns:72px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:58px;border:1px solid var(--separator);border-radius:8px;background:var(--cell-background);color:var(--text);padding:9px 10px;text-align:left;font:inherit;cursor:pointer}.course-outline-activity:hover{border-color:color-mix(in srgb,var(--primary) 32%,var(--separator));background:var(--cell-background-hover)}.course-outline-activity--current{border-color:color-mix(in srgb,var(--primary) 44%,var(--separator));background:color-mix(in srgb,var(--primary) 9%,var(--cell-background))}.course-outline-activity-index{color:var(--primary);font-size:12px;font-weight:860;white-space:nowrap}.course-outline-activity-copy{display:grid;min-width:0;gap:3px}.course-outline-activity-copy strong,.course-outline-activity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-outline-activity-copy strong{color:var(--text);font-size:14px;font-weight:820}.course-outline-activity-copy small{color:var(--muted);font-size:12px;font-weight:700}.course-outline-activity>svg,.course-outline-lesson>svg,.course-outline-unit>svg{color:var(--primary)}.course-outline-course-card,.course-outline-lesson,.course-outline-unit{border:1px solid var(--separator);border-radius:8px;background:var(--cell-background)}.course-outline-inline-state{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--primary);font-size:12px;font-weight:760}.course-outline-course-card span{display:grid;min-width:0;gap:4px}.course-outline-course-card strong,.course-outline-course-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-outline-course-card strong{color:var(--text);font-size:15px;font-weight:840}.course-outline-course-card small{color:var(--muted);font-size:12px;font-weight:720}.course-outline-course-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:12px}.course-outline-course-card img,.course-outline-course-cover{width:58px;height:58px;border-radius:8px}.course-outline-course-card img{object-fit:cover}.course-outline-course-cover{display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.course-outline-course-intro{margin:-2px 0 14px;color:var(--text);font-size:14px;font-weight:650;line-height:1.58}.course-outline-lesson-list{display:grid;gap:8px}.course-outline-lesson{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:58px;padding:9px 10px}.course-outline-lesson--current{border-color:color-mix(in srgb,var(--primary) 40%,var(--separator));background:color-mix(in srgb,var(--primary) 8%,var(--cell-background))}.course-outline-lesson-index{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-size:12px;font-weight:860;line-height:1}.course-outline-lesson-copy{display:grid;min-width:0;gap:4px}.course-outline-lesson-copy strong,.course-outline-lesson-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-outline-lesson-copy strong{color:var(--text);font-size:14px;font-weight:820}.course-outline-lesson-copy small{color:var(--muted);font-size:12px;font-weight:720}.course-outline-unit{display:grid;grid-template-columns:34px minmax(0,1fr) auto 20px;align-items:center;gap:10px;min-height:52px;padding:9px 10px}.course-outline-unit--current{border-color:color-mix(in srgb,var(--primary) 40%,var(--separator));background:color-mix(in srgb,var(--primary) 8%,var(--cell-background))}.course-outline-unit>span:first-child{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-size:12px;font-weight:860}.course-outline-unit strong,.course-outline-unit small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-outline-unit strong{color:var(--text);font-size:14px;font-weight:820}.course-outline-unit small{color:var(--muted);font-size:12px;font-weight:720}.learning-documents-dialog{position:fixed;top:50%;left:50%;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 48px));overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.learning-documents-dialog:focus{outline:none}.learning-documents-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;border-bottom:1px solid var(--separator);padding:10px 14px}.learning-documents-dialog-header>div:first-child{display:grid;min-width:0;gap:4px}.learning-documents-dialog-header h2,.learning-documents-dialog-header p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.learning-documents-dialog-header h2{color:var(--text);font-size:20px;font-weight:840;line-height:1.1}.learning-documents-dialog-header p{color:var(--muted);font-size:13px;font-weight:720}.learning-documents-dialog-actions{display:inline-flex;align-items:center;flex:none;gap:8px}.learning-documents-dialog-body{display:grid;align-content:start;gap:12px;min-height:0;overflow-y:auto;padding:14px}.learning-documents-file-card,.learning-documents-loading,.learning-documents-empty,.learning-documents-error,.learning-document-card{border:1px solid var(--separator);border-radius:8px;background:var(--cell-background)}.learning-documents-file-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px}.learning-documents-file-icon,.learning-document-card-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.learning-documents-file-copy{display:grid;min-width:0;gap:2px}.learning-documents-file-copy strong,.learning-documents-file-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-documents-file-copy strong{color:var(--text);font-size:14px;font-weight:830}.learning-documents-file-copy small{color:var(--muted);font-size:12px;font-weight:720}.learning-documents-file-list{display:grid;gap:8px}.learning-documents-file-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:66px;border:1px solid var(--separator);border-radius:8px;background:var(--cell-background);color:var(--text);padding:12px 14px;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.learning-documents-file-row:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 32%,var(--separator));background:color-mix(in srgb,var(--primary) 6%,var(--cell-background));transform:translateY(-1px)}.learning-documents-file-row:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 56%,transparent);outline-offset:2px}.learning-documents-file-row:disabled{cursor:default}.learning-documents-file-row--current{border-color:color-mix(in srgb,var(--primary) 42%,var(--separator));background:color-mix(in srgb,var(--primary) 10%,var(--cell-background))}.learning-documents-file-row-copy{display:grid;min-width:0;gap:5px}.learning-documents-file-row-copy strong{overflow:hidden;color:var(--text);font-size:15px;font-weight:820;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.learning-documents-file-row-copy small{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:720;line-height:1.35}.learning-documents-file-row-copy em{border-radius:999px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);padding:2px 7px;font-size:11px;font-style:normal;font-weight:820;line-height:1.2}.learning-documents-file-row-status{display:grid;min-width:28px;place-items:center;color:var(--primary)}.learning-documents-loading{display:inline-flex;align-items:center;width:fit-content;gap:8px;color:var(--primary);padding:10px 12px;font-size:13px;font-weight:760}.learning-documents-empty{margin:0;color:var(--muted);padding:16px;font-size:13px;font-weight:720}.learning-documents-error{display:flex;align-items:center;justify-content:space-between;gap:10px;border-color:color-mix(in srgb,var(--error) 28%,var(--separator));background:color-mix(in srgb,var(--error) 7%,var(--cell-background));padding:10px 12px}.learning-documents-error p{margin:0;color:var(--error);font-size:13px;font-weight:760;line-height:1.45}.learning-notebooks-panel{display:grid;gap:10px;align-content:start;padding:14px}.learning-notebooks-panel .rail-header{align-items:start}.learning-notebooks-title-row{display:flex;min-width:0;align-items:center;gap:8px}.learning-notebooks-task-badge{display:inline-flex;min-width:22px;min-height:22px;align-items:center;justify-content:center;border-radius:7px;background:color-mix(in srgb,var(--primary) 8%,var(--cell-background));color:var(--muted);padding:0 8px;font-size:11px;font-weight:840;line-height:22px;white-space:nowrap}.learning-notebooks-actions{display:inline-flex;align-items:center;gap:6px}.learning-notebooks-actions .is-active{border-color:color-mix(in srgb,var(--primary) 34%,var(--separator));background:color-mix(in srgb,var(--primary) 10%,var(--cell-background));color:var(--primary)}.learning-notebooks-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--separator);border-radius:8px;background:var(--cell-background);color:var(--muted);padding:8px 10px}.learning-notebooks-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:720}.learning-notebooks-search input::placeholder{color:var(--muted)}.learning-notebooks-list{display:grid;gap:12px;max-height:380px;overflow:auto;border-radius:0;background:transparent;padding:0}.learning-notebook-section{display:grid;gap:6px;min-width:0}.learning-notebook-section-header{display:grid;min-width:0;gap:1px;padding:0 2px}.learning-notebook-section-header p,.learning-notebook-section-header strong{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.learning-notebook-section-header p{color:var(--muted);font-size:11px;font-weight:720;line-height:1.2}.learning-notebook-section-header strong{color:var(--text);font-size:12px;font-weight:820;line-height:1.22}.learning-notebook-section-list{display:grid;gap:8px;overflow:visible;border-radius:14px;background:transparent}.learning-notebook-artifact-row{display:grid;gap:6px;border:0;border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,transparent);color:var(--text);padding:10px 10px 12px;font:inherit;text-align:left;cursor:default;transition:background .14s ease}.learning-notebook-artifact-row+.learning-notebook-artifact-row{border-top:0}.learning-notebook-artifact-row--selectable{cursor:pointer}.learning-notebook-artifact-row--selectable:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.learning-notebook-artifact-row:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 56%,transparent);outline-offset:2px}.learning-notebook-artifact-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.learning-notebook-artifact-kind{display:inline-flex;min-width:0;align-items:center;gap:4px;color:var(--primary)}.learning-notebook-artifact-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}.learning-notebook-artifact-type-badge{display:inline-flex;align-items:center;font-size:11px;font-style:normal;font-weight:820;line-height:1.2;color:var(--primary);white-space:nowrap}.learning-notebook-artifact-status-badge{display:inline-flex;min-height:20px;align-items:center;border-radius:6px;background:color-mix(in srgb,var(--primary) 8%,var(--cell-background));color:var(--muted);padding:0 7px;font-size:11px;font-style:normal;font-weight:820;line-height:20px;white-space:nowrap}.learning-notebook-artifact-status-badge--draft,.learning-notebook-artifact-status-badge--failed{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error)}.learning-notebook-artifact-status-badge--assessment{background:color-mix(in srgb,var(--primary) 8%,var(--cell-background));color:var(--muted)}.learning-notebook-artifact-time-badge{display:inline-flex;flex:0 0 auto;max-width:100%;overflow:hidden;color:var(--muted);font-size:11px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.learning-notebook-artifact-content{display:block;min-width:0}.learning-notebook-artifact-copy{display:grid;min-width:0;gap:5px}.learning-notebook-artifact-copy strong{display:-webkit-box;color:var(--text);overflow:hidden;font-size:13px;font-weight:820;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-notebook-artifact-body{display:-webkit-box;overflow:hidden;border-left:2px solid color-mix(in srgb,var(--primary) 24%,var(--separator));color:var(--muted);padding-left:6px;font-size:12px;font-weight:720;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:4}.learning-notebook-artifact-audio{display:flex;min-height:38px;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--separator));border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--cell-background));padding:6px 8px}.learning-notebook-artifact-audio audio{display:none}.learning-notebook-artifact-audio-play{display:inline-grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:var(--primary);color:#fff;cursor:pointer}.learning-notebook-artifact-audio-time{overflow:hidden;color:var(--muted);font-size:12px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.learning-notebooks-loading,.learning-notebooks-empty,.learning-notebooks-error{margin:0;border:1px solid var(--separator);border-radius:8px;background:var(--cell-background);color:var(--muted);padding:10px;font-size:13px;font-weight:720;line-height:1.4}.learning-notebooks-loading{display:inline-flex;align-items:center;width:fit-content;gap:8px;color:var(--primary)}.learning-notebooks-error{border-color:color-mix(in srgb,var(--error) 28%,var(--separator));background:color-mix(in srgb,var(--error) 7%,var(--cell-background))}.learning-notebooks-error p{margin:0;color:var(--error)}.learning-file-switcher{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:1px solid var(--separator);border-radius:16px;background:var(--cell-background);color:var(--text);padding:10px 12px;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.learning-file-switcher:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--separator));background:var(--cell-background-hover)}.learning-file-switcher:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 56%,transparent);outline-offset:2px}.learning-file-switcher-icon{display:grid;width:34px;height:34px;align-items:center;justify-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 9%,var(--cell-background));color:var(--primary)}.learning-file-switcher-copy{display:grid;min-width:0;gap:2px}.learning-file-switcher-copy small,.learning-file-switcher-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-file-switcher-copy small{color:var(--muted);font-size:11px;font-weight:720;line-height:1.2}.learning-file-switcher-copy strong{color:var(--text);font-size:13px;font-weight:820;line-height:1.25}.learning-file-switcher-action{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);padding:0 9px;font-size:11px;font-weight:820;line-height:26px}.learning-document-list{display:grid;gap:8px}.learning-document-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;color:var(--text);padding:12px;text-align:left}.learning-document-card-copy{display:grid;min-width:0;gap:5px}.learning-document-card-copy strong,.learning-document-card-copy small,.learning-document-card-copy p,.learning-document-card-copy em{overflow:hidden;text-overflow:ellipsis}.learning-document-card-copy strong{color:var(--text);font-size:15px;font-style:normal;font-weight:830;line-height:1.3;white-space:nowrap}.learning-document-card-copy small{color:var(--muted);font-size:12px;font-weight:720;white-space:nowrap}.learning-document-card-copy p{display:-webkit-box;margin:0;color:var(--text);font-size:13px;font-weight:620;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}.learning-document-card-copy em{color:var(--muted);font-size:12px;font-style:normal;font-weight:650;white-space:nowrap}@media (max-width: 640px){.learning-documents-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 28px)}.learning-documents-dialog-header{align-items:flex-start}}.room-course-browser{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:0;min-height:0}.room-course-master{overflow-y:auto;min-height:0;background:var(--course-library-master-bg);padding:10px}.room-course-master-list{display:grid;gap:8px}.room-course-master-cell{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:10px;min-height:118px;border:1px solid transparent;border-radius:12px;background:var(--course-library-card-bg);color:var(--course-library-card-text);padding:12px;font:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.room-course-master-cell:hover{transform:translateY(-1px);border-color:var(--course-library-primary-border);box-shadow:var(--course-library-hover-shadow)}.room-course-master-cell--active{border-color:var(--course-library-primary-border-strong);background:var(--course-library-card-active-bg);box-shadow:inset 4px 0 0 var(--primary)}.room-course-master-copy{display:grid;align-content:start;min-width:0;gap:6px}.room-course-master-copy small{overflow:hidden;color:var(--course-library-card-subtle);font-size:11px;font-weight:780;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.room-course-master-copy strong{overflow:hidden;color:var(--course-library-card-text);font-size:17px;font-weight:820;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.room-course-master-copy>span{display:-webkit-box;overflow:hidden;color:var(--course-library-card-muted);font-size:12px;font-weight:680;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.room-course-master-copy em{width:fit-content;border-radius:10px;background:var(--course-library-chip-bg);color:var(--course-library-card-text);padding:6px 9px;font-size:12px;font-style:normal;font-weight:820}.room-course-master-cell img,.room-course-master-cover{align-self:center;width:40px;height:52px;border-radius:8px}.room-course-master-cell img{object-fit:cover;box-shadow:var(--course-library-cover-shadow)}.room-course-master-cover{display:grid;place-items:center;background:var(--course-library-cover-bg);color:var(--primary)}.room-course-detail{overflow-y:auto;min-width:0;min-height:0;background:var(--course-library-detail-bg);padding:14px}.room-course-detail-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;overflow:hidden;min-height:0;border-radius:16px;background:var(--course-library-hero-bg);padding:22px}.room-course-detail-copy{display:grid;align-content:center;min-width:0;gap:12px}.room-course-detail-copy .eyebrow{margin:0;color:var(--course-library-hero-subtle)}.room-course-detail-copy h3{margin:0;color:var(--course-library-hero-text);font-size:30px;font-weight:840;line-height:1.08}.room-course-detail-copy>p:not(.eyebrow){max-width:620px;color:var(--course-library-hero-muted);font-size:14px;font-weight:670;line-height:1.55}.room-course-detail-intro--collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.room-course-detail-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-course-detail-brief span{display:grid;min-width:0;gap:5px;border-radius:12px;background:var(--course-library-brief-bg);color:var(--course-library-hero-muted);padding:10px;font-size:12px;font-weight:650;line-height:1.45}.room-course-detail-brief strong{color:var(--course-library-hero-text);font-size:12px;font-weight:820}.room-course-detail-expand{display:inline-flex;align-items:center;justify-self:start;gap:4px;border:0;border-radius:10px;background:var(--course-library-button-bg);color:var(--primary);padding:7px 10px;font:inherit;font-size:12px;font-weight:820;cursor:pointer}.room-course-detail-structure{display:grid;gap:12px;margin-top:14px}.room-course-detail-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 0}.room-course-detail-section-header h4{margin:2px 0 0;color:var(--text);font-size:18px;font-weight:820}.room-course-detail-section-header>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:740}.room-course-detail-unit-list{display:grid;gap:8px}.room-course-detail-unit{display:grid;gap:6px}.room-course-detail-unit-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:9px 11px;font:inherit;text-align:left;cursor:pointer}.room-course-detail-unit-header--active{border-color:var(--course-library-primary-border-strong);background:var(--cell-background-hover)}.room-course-detail-unit-header span{display:grid;min-width:0;gap:3px}.room-course-detail-unit-header strong,.room-course-detail-unit-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-course-detail-unit-header strong{font-size:13px;font-weight:780}.room-course-detail-unit-header small{color:var(--muted);font-size:12px;font-weight:720}.room-course-detail-lesson-list{display:grid;gap:6px;padding-left:10px}.room-course-detail-lesson{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:7px 9px;font:inherit;text-align:left;cursor:pointer}.room-course-detail-lesson:hover{border-color:var(--course-library-primary-border-soft);background:var(--cell-background-hover)}.room-course-detail-lesson-index{display:grid;width:26px;height:26px;place-items:center;border-radius:10px;background:var(--course-library-green-bg);color:var(--course-library-green);font-size:12px;font-weight:840}.room-course-detail-lesson-copy{display:grid;min-width:0;gap:2px}.room-course-detail-lesson-copy strong,.room-course-detail-lesson-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-course-detail-lesson-copy strong{font-size:12px;font-weight:760}.room-course-detail-lesson-copy small{color:var(--muted);font-size:12px;font-weight:700}.room-course-detail-empty{display:grid;align-content:center;justify-items:center;min-height:320px;gap:10px;color:var(--muted)}.room-course-detail-empty strong{color:var(--text);font-size:16px;font-weight:780}.room-course-detail-empty span{max-width:360px;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5;text-align:center}.room-course-store-card,.room-course-unit{display:grid;gap:8px}.room-course-store-header,.room-course-unit-header,.room-course-lesson-item{display:grid;align-items:center;width:100%;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.room-course-store-header{grid-template-columns:52px minmax(0,1fr) auto;min-height:74px;gap:10px;padding:10px}.room-course-store-header:hover,.room-course-unit-header:hover,.room-course-lesson-item:hover:not(:disabled){border-color:var(--primary);background:var(--cell-background-hover)}.room-course-store-header--active,.room-course-unit-header--active{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.room-course-store-header img,.room-course-store-cover{width:52px;height:52px;border-radius:10px}.room-course-store-header img{object-fit:cover}.room-course-store-cover{display:grid;place-items:center;background:var(--control-background);color:var(--primary)}.room-course-store-header>span,.room-course-unit-header>span,.room-course-lesson-item>span{display:grid;min-width:0;gap:3px}.room-course-store-header strong,.room-course-store-header small,.room-course-unit-header strong,.room-course-unit-header small,.room-course-lesson-item strong,.room-course-lesson-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-course-store-header strong,.room-course-unit-header strong,.room-course-lesson-item strong{font-size:14px;font-weight:760;line-height:1.25}.room-course-store-header small,.room-course-unit-header small,.room-course-lesson-item small{color:var(--muted);font-size:12px;font-weight:700}.room-course-unit-list{display:grid;gap:8px;padding-left:12px}.room-course-unit-header,.room-course-lesson-item{grid-template-columns:minmax(0,1fr) auto;min-height:54px;gap:10px;padding:9px 10px}.room-course-lesson-list{display:grid;gap:6px;padding-left:12px}.room-course-lesson-item{min-height:48px}.room-course-lesson-item:disabled{cursor:not-allowed;opacity:.68}.room-course-inline-state{display:inline-flex;align-items:center;gap:7px;min-height:42px;color:var(--muted);padding:8px 10px;font-size:13px;font-weight:700}.room-course-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:10px 12px;font:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.room-course-list-item:hover{border-color:var(--primary);background:var(--cell-background-hover)}.room-course-list-item--active{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.room-course-list-item>svg{color:var(--primary)}.room-course-list-item span{display:grid;min-width:0;gap:3px}.room-course-list-item strong,.room-course-list-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-course-list-item strong{font-size:14px;font-weight:760;line-height:1.25}.room-course-list-item small,.room-course-list-item em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.room-course-list-item em{white-space:nowrap}.room-course-list-empty{display:grid;justify-items:center;gap:8px;color:var(--muted);padding:28px 12px 34px;text-align:center}.room-course-list-empty strong{color:var(--text);font-size:16px;font-weight:780}.room-course-list-empty span{font-size:13px}.flashcard-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.course-flashcard-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:560px;overflow:hidden;border:0;border-radius:0;background:transparent;padding:0}.course-flashcard-toolbar{display:grid;gap:16px}.course-flashcard-header-main,.course-flashcard-header-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.course-flashcard-header-sub{padding-inline:0}.room-content-course-header{padding:12px 14px}.course-flashcard-title{display:grid;min-width:0}.course-flashcard-title h2{overflow:hidden;margin:0;color:#8b7378;font-size:17px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.course-flashcard-actions{display:inline-flex;align-items:center;gap:8px}.course-flashcard-action-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:12px;background:#ff6a6a1a;color:var(--primary);cursor:pointer;transition:background .16s ease,transform .16s ease}.course-flashcard-action-button:hover{transform:translateY(-1px);background:#ff6a6a26}.course-flashcard-action-button:disabled{opacity:.46;cursor:not-allowed}.course-flashcard-action-button:hover:disabled{transform:none;background:#ff6a6a1a}.course-flashcard-action-button--danger{background:color-mix(in srgb,var(--error) 10%,var(--cell-background));color:var(--error)}.course-flashcard-action-button--danger:hover{background:color-mix(in srgb,var(--error) 15%,var(--cell-background))}.course-flashcard-action-button:focus-visible,.course-flashcard-nav-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--course-content-focus-ring, rgb(255 106 106 / 18%))}.course-flashcard-meta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.course-flashcard-meta span{display:inline-flex;align-items:center;color:#8a7378;font-size:14px;font-weight:820;white-space:nowrap}.course-flashcard-meta .course-flashcard-type{color:var(--primary)}.course-flashcard-card-counter{display:inline-flex;align-items:center;min-width:0;gap:8px;overflow:hidden;color:#806268;font-size:14px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.course-flashcard-card-counter i{display:block;flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--primary)}.course-flashcard-nav-button{position:absolute;top:0;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:var(--course-content-nav-bg, rgb(255 255 255 / 86%));color:var(--course-content-nav-color, var(--primary));cursor:pointer}.course-flashcard-nav-button:hover:not(:disabled){background:var(--course-content-nav-bg-hover, rgb(255 255 255 / 96%))}.course-flashcard-nav-button:disabled{color:var(--course-content-nav-disabled, rgb(128 98 104 / 32%));cursor:not-allowed}.course-flashcard-nav-button--previous{left:0}.course-flashcard-nav-button--next{right:0}.course-flashcard-state{display:grid;align-content:center;justify-items:center;min-height:420px;gap:10px;color:var(--muted);text-align:center}.course-flashcard-state strong{color:var(--text);font-size:16px;font-weight:820}.course-flashcard-state p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.course-flashcard-card-stage{position:relative;display:grid;min-height:0;padding-inline:54px}.course-flashcard-card{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;min-height:430px;border:0;border-radius:18px;background:var(--cell-background);box-shadow:0 14px 34px #65343e12}.course-flashcard-card--idle{align-content:center;justify-items:center;grid-template-rows:auto auto;gap:18px;padding:38px 24px;text-align:center}.course-flashcard-idle-copy{display:grid;justify-items:center;gap:10px;max-width:640px}.course-flashcard-idle-copy h2{margin:0;color:var(--text);font-size:28px;font-weight:820;line-height:1.16}.course-flashcard-idle-copy p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px;font-weight:650;line-height:1.55}.course-flashcard-idle-actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px}.course-flashcard-card-header{display:grid;gap:6px;padding:22px 24px 8px}.course-flashcard-content-title{display:grid;min-width:0}.course-flashcard-title-icon{display:grid;flex:0 0 auto;width:1em;height:1em;place-items:center;color:currentColor}.course-flashcard-title-icon svg{width:1em;height:1em;stroke-width:2.2}.course-flashcard-title-copy{display:grid;min-width:0;gap:6px}.course-flashcard-title-eyebrow{display:flex;align-items:center;min-width:0;gap:7px;color:#9d8288;font-size:14px;font-weight:760;line-height:1.25}.course-flashcard-title-eyebrow p{overflow:hidden;margin:0;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap}.course-flashcard-content-title h3{overflow:hidden;margin:0;color:#8b7378;font-size:26px;font-weight:850;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.course-flashcard-scroll{overflow:auto;min-height:0;padding:14px 24px 24px}.course-line-stack,.course-read-stack,.course-question-list,.course-task-card,.course-practice{display:grid;gap:12px}.course-line{display:grid;gap:8px}.course-line-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;--course-line-default-font-size: 16px}.course-line-content{display:grid;min-width:0;gap:8px}.course-line-indicator{display:grid;place-items:center;align-self:center}.course-line-indicator--number{min-width:2ch;height:auto;border-radius:0;background:transparent;color:var(--course-content-text, #424242);font-size:var(--course-line-indicator-font-size, var(--course-line-default-font-size));font-weight:var(--course-line-indicator-font-weight, 560);line-height:1.65}.course-line-indicator--number.course-line-indicator--custom-color{background:transparent;color:var(--course-line-indicator-color)}.course-line-indicator--dot{width:8px;min-width:8px;height:8px;margin:0 8px;border-radius:50%;background:currentColor;color:var(--course-line-indicator-color, var(--course-content-green, #3d7d60))}.course-line p{margin:0;color:#6f535a;font-size:16px;font-weight:660;line-height:1.65}.course-line-hidden-toggle{justify-self:start;border:0;border-radius:10px;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--primary);padding:7px 10px;font:inherit;font-size:13px;font-weight:780;cursor:pointer}.course-line-list{display:grid;gap:8px;border-left:3px solid var(--course-line-rail-color, var(--primary));background:var(--course-content-list-bg, rgb(248 236 236 / 42%));margin-left:0;padding:8px 0 8px 12px}.course-dialog-bubble .course-line-list{--course-line-rail-color: var(--course-dialog-accent);background:color-mix(in srgb,var(--course-dialog-accent) 7%,transparent)}.course-audio-control{--course-audio-control-accent: var(--primary);display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:min(100%,460px);gap:10px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:18px;background:var(--course-content-surface-strong, rgb(255 255 255 / 76%));padding:9px 12px 9px 9px}.course-audio-control--playing,.course-audio-control--broadcasting{--course-audio-control-accent: var(--tertiary)}.course-audio-actions{display:inline-flex;align-items:center;gap:6px}.course-audio-button{--course-audio-button-fill: var(--course-audio-control-accent, var(--primary));--course-audio-button-glyph: var(--course-content-bg, var(--cell-background, #ffffff));display:inline-flex;align-items:center;justify-content:center;position:relative;width:38px;height:38px;border:0;border-radius:50%;background:transparent;line-height:0;padding:0;cursor:pointer}.course-audio-button--playing{--course-audio-button-fill: var(--tertiary)}.course-audio-button--host{--course-audio-button-fill: var(--primary)}.course-audio-button--host.course-audio-button--broadcasting{--course-audio-button-fill: var(--tertiary)}.course-audio-button:disabled{--course-audio-button-fill: color-mix( in srgb, var(--course-content-muted, #8b7378) 38%, var(--course-content-bg, #ffffff) 62% );cursor:not-allowed;opacity:.62}.course-audio-button:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:50%;background:var(--course-audio-button-fill);content:""}.course-audio-button:after{position:relative;z-index:1;display:block;width:40%;height:40%;background:var(--course-audio-button-glyph);content:"";mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3cpath%20d='M1.1%201.35c0-.8.88-1.28%201.55-.84l5.05%203.32c.6.39.6%201.25%200%201.64L2.65%208.79c-.67.44-1.55-.04-1.55-.84z'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3cpath%20d='M1.1%201.35c0-.8.88-1.28%201.55-.84l5.05%203.32c.6.39.6%201.25%200%201.64L2.65%208.79c-.67.44-1.55-.04-1.55-.84z'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-audio-button--playing:after{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-audio-button--host:after{display:block;width:48%;height:48%;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2023.6816%2020.5566'%3e%3cpath%20d='M12.2461%203.90625L20.2734%2010.6348L20.2734%2018.3887C20.2734%2019.7461%2019.4629%2020.5371%2018.0859%2020.5371L5.24414%2020.5371C3.86719%2020.5371%203.04688%2019.7461%203.04688%2018.3887L3.04688%2010.6348L11.0742%203.90625C11.4355%203.60352%2011.875%203.59375%2012.2461%203.90625ZM9.0918%209.87305L9.0918%2016.9336C9.0918%2017.3926%209.58008%2017.5684%209.94141%2017.3438L15.8691%2013.8574C16.2207%2013.6426%2016.2109%2013.1543%2015.8594%2012.959L9.94141%209.47266C9.58008%209.24805%209.0918%209.41406%209.0918%209.87305ZM12.832%200.46875L18.0176%204.82322L18.0176%202.91016C18.0176%202.48047%2018.3008%202.20703%2018.7207%202.20703L19.7656%202.20703C20.1953%202.20703%2020.4688%202.48047%2020.4688%202.91016L20.4688%206.88154L23.0078%209.01367C23.2324%209.18945%2023.3203%209.42383%2023.3203%209.64844C23.3203%2010.0488%2023.0078%2010.4297%2022.4805%2010.4297C22.207%2010.4297%2021.9824%2010.2832%2021.7871%2010.1172L12.002%201.9043C11.8945%201.81641%2011.7773%201.76758%2011.6602%201.76758C11.5527%201.76758%2011.4258%201.81641%2011.3184%201.9043L1.54297%2010.1172C1.33789%2010.2832%201.11328%2010.4297%200.839844%2010.4297C0.3125%2010.4297%200%2010.0488%200%209.64844C0%209.42383%200.0976562%209.18945%200.3125%209.01367L10.4883%200.46875C10.8594%200.15625%2011.2598%200%2011.6602%200C12.0605%200%2012.4609%200.15625%2012.832%200.46875Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2023.6816%2020.5566'%3e%3cpath%20d='M12.2461%203.90625L20.2734%2010.6348L20.2734%2018.3887C20.2734%2019.7461%2019.4629%2020.5371%2018.0859%2020.5371L5.24414%2020.5371C3.86719%2020.5371%203.04688%2019.7461%203.04688%2018.3887L3.04688%2010.6348L11.0742%203.90625C11.4355%203.60352%2011.875%203.59375%2012.2461%203.90625ZM9.0918%209.87305L9.0918%2016.9336C9.0918%2017.3926%209.58008%2017.5684%209.94141%2017.3438L15.8691%2013.8574C16.2207%2013.6426%2016.2109%2013.1543%2015.8594%2012.959L9.94141%209.47266C9.58008%209.24805%209.0918%209.41406%209.0918%209.87305ZM12.832%200.46875L18.0176%204.82322L18.0176%202.91016C18.0176%202.48047%2018.3008%202.20703%2018.7207%202.20703L19.7656%202.20703C20.1953%202.20703%2020.4688%202.48047%2020.4688%202.91016L20.4688%206.88154L23.0078%209.01367C23.2324%209.18945%2023.3203%209.42383%2023.3203%209.64844C23.3203%2010.0488%2023.0078%2010.4297%2022.4805%2010.4297C22.207%2010.4297%2021.9824%2010.2832%2021.7871%2010.1172L12.002%201.9043C11.8945%201.81641%2011.7773%201.76758%2011.6602%201.76758C11.5527%201.76758%2011.4258%201.81641%2011.3184%201.9043L1.54297%2010.1172C1.33789%2010.2832%201.11328%2010.4297%200.839844%2010.4297C0.3125%2010.4297%200%2010.0488%200%209.64844C0%209.42383%200.0976562%209.18945%200.3125%209.01367L10.4883%200.46875C10.8594%200.15625%2011.2598%200%2011.6602%200C12.0605%200%2012.4609%200.15625%2012.832%200.46875Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat}.course-audio-button svg{display:none}.course-audio-button--host.course-audio-button--broadcasting:after{display:block;width:40%;height:40%;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-audio-button--host svg{position:relative;z-index:1;display:none;color:var(--course-audio-button-glyph)}.course-audio-button--host.course-audio-button--broadcasting svg{display:none}.course-audio-content{display:grid;min-width:0;gap:7px}.course-audio-copy{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px}.course-audio-copy span{display:inline-flex;align-items:center;min-width:0;gap:5px;overflow:hidden;color:var(--course-content-text, #70545b);font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.course-audio-copy small{flex:0 0 auto;color:var(--course-content-subtle, var(--muted));font-size:11px;font-weight:720}.course-audio-slider{width:100%;height:14px;margin:0;accent-color:var(--course-audio-control-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.course-audio-slider:disabled{cursor:not-allowed;opacity:.55}.course-audio-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--course-audio-control-accent) 0 var(--course-audio-progress, 0%),color-mix(in srgb,var(--course-content-muted, #8b7378) 24%,transparent) var(--course-audio-progress, 0%) 100%)}.course-audio-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid var(--course-audio-control-accent);border-radius:50%;background:var(--course-content-bg, #ffffff);-webkit-appearance:none;-moz-appearance:none;appearance:none}.course-audio-slider::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--course-content-muted, #8b7378) 24%,transparent)}.course-audio-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--course-audio-control-accent)}.course-audio-slider::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--course-audio-control-accent);border-radius:50%;background:var(--course-content-bg, #ffffff)}.course-simple-audio-button{--course-simple-audio-icon-size: 30px;--course-simple-audio-symbol-size: calc(var(--course-simple-audio-icon-size) * .78);--course-audio-button-fill: var(--primary);--course-audio-button-glyph: var(--course-content-bg, var(--cell-background, #ffffff));position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--course-simple-audio-icon-size);height:var(--course-simple-audio-icon-size);flex:0 0 auto;border:0;border-radius:50%;background:transparent;line-height:0;padding:0;cursor:pointer}.course-simple-audio-button--playing{--course-audio-button-fill: var(--tertiary)}.course-simple-audio-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;vertical-align:middle}.course-simple-audio-button--host{--course-audio-button-fill: var(--primary)}.course-simple-audio-button--host.course-simple-audio-button--playing{--course-audio-button-fill: var(--tertiary)}.course-simple-audio-button:before{position:absolute;inset:calc((var(--course-simple-audio-icon-size) - var(--course-simple-audio-symbol-size)) / 2);z-index:1;display:block;border-radius:50%;background:var(--course-audio-button-fill);content:""}.course-simple-audio-button:after{position:relative;z-index:2;display:block;width:calc(var(--course-simple-audio-symbol-size) * .42);height:calc(var(--course-simple-audio-symbol-size) * .42);background:var(--course-audio-button-glyph);content:"";mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3cpath%20d='M1.1%201.35c0-.8.88-1.28%201.55-.84l5.05%203.32c.6.39.6%201.25%200%201.64L2.65%208.79c-.67.44-1.55-.04-1.55-.84z'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3cpath%20d='M1.1%201.35c0-.8.88-1.28%201.55-.84l5.05%203.32c.6.39.6%201.25%200%201.64L2.65%208.79c-.67.44-1.55-.04-1.55-.84z'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-simple-audio-button--playing:after{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-simple-audio-button--host:after{display:block;width:calc(var(--course-simple-audio-symbol-size) * .5);height:calc(var(--course-simple-audio-symbol-size) * .5);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2023.6816%2020.5566'%3e%3cpath%20d='M12.2461%203.90625L20.2734%2010.6348L20.2734%2018.3887C20.2734%2019.7461%2019.4629%2020.5371%2018.0859%2020.5371L5.24414%2020.5371C3.86719%2020.5371%203.04688%2019.7461%203.04688%2018.3887L3.04688%2010.6348L11.0742%203.90625C11.4355%203.60352%2011.875%203.59375%2012.2461%203.90625ZM9.0918%209.87305L9.0918%2016.9336C9.0918%2017.3926%209.58008%2017.5684%209.94141%2017.3438L15.8691%2013.8574C16.2207%2013.6426%2016.2109%2013.1543%2015.8594%2012.959L9.94141%209.47266C9.58008%209.24805%209.0918%209.41406%209.0918%209.87305ZM12.832%200.46875L18.0176%204.82322L18.0176%202.91016C18.0176%202.48047%2018.3008%202.20703%2018.7207%202.20703L19.7656%202.20703C20.1953%202.20703%2020.4688%202.48047%2020.4688%202.91016L20.4688%206.88154L23.0078%209.01367C23.2324%209.18945%2023.3203%209.42383%2023.3203%209.64844C23.3203%2010.0488%2023.0078%2010.4297%2022.4805%2010.4297C22.207%2010.4297%2021.9824%2010.2832%2021.7871%2010.1172L12.002%201.9043C11.8945%201.81641%2011.7773%201.76758%2011.6602%201.76758C11.5527%201.76758%2011.4258%201.81641%2011.3184%201.9043L1.54297%2010.1172C1.33789%2010.2832%201.11328%2010.4297%200.839844%2010.4297C0.3125%2010.4297%200%2010.0488%200%209.64844C0%209.42383%200.0976562%209.18945%200.3125%209.01367L10.4883%200.46875C10.8594%200.15625%2011.2598%200%2011.6602%200C12.0605%200%2012.4609%200.15625%2012.832%200.46875Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2023.6816%2020.5566'%3e%3cpath%20d='M12.2461%203.90625L20.2734%2010.6348L20.2734%2018.3887C20.2734%2019.7461%2019.4629%2020.5371%2018.0859%2020.5371L5.24414%2020.5371C3.86719%2020.5371%203.04688%2019.7461%203.04688%2018.3887L3.04688%2010.6348L11.0742%203.90625C11.4355%203.60352%2011.875%203.59375%2012.2461%203.90625ZM9.0918%209.87305L9.0918%2016.9336C9.0918%2017.3926%209.58008%2017.5684%209.94141%2017.3438L15.8691%2013.8574C16.2207%2013.6426%2016.2109%2013.1543%2015.8594%2012.959L9.94141%209.47266C9.58008%209.24805%209.0918%209.41406%209.0918%209.87305ZM12.832%200.46875L18.0176%204.82322L18.0176%202.91016C18.0176%202.48047%2018.3008%202.20703%2018.7207%202.20703L19.7656%202.20703C20.1953%202.20703%2020.4688%202.48047%2020.4688%202.91016L20.4688%206.88154L23.0078%209.01367C23.2324%209.18945%2023.3203%209.42383%2023.3203%209.64844C23.3203%2010.0488%2023.0078%2010.4297%2022.4805%2010.4297C22.207%2010.4297%2021.9824%2010.2832%2021.7871%2010.1172L12.002%201.9043C11.8945%201.81641%2011.7773%201.76758%2011.6602%201.76758C11.5527%201.76758%2011.4258%201.81641%2011.3184%201.9043L1.54297%2010.1172C1.33789%2010.2832%201.11328%2010.4297%200.839844%2010.4297C0.3125%2010.4297%200%2010.0488%200%209.64844C0%209.42383%200.0976562%209.18945%200.3125%209.01367L10.4883%200.46875C10.8594%200.15625%2011.2598%200%2011.6602%200C12.0605%200%2012.4609%200.15625%2012.832%200.46875Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat}.course-simple-audio-button svg:not(.course-simple-audio-ring):not(.spin){display:none}.course-simple-audio-button--host.course-simple-audio-button--playing:after{display:block;width:calc(var(--course-simple-audio-symbol-size) * .42);height:calc(var(--course-simple-audio-symbol-size) * .42);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2010'%3e%3crect%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3crect%20x='5.5'%20width='2.5'%20height='10'%20rx='1'%20fill='%23000000'/%3e%3c/svg%3e") center / contain no-repeat}.course-simple-audio-button--host svg:not(.course-simple-audio-ring):not(.spin){position:relative;z-index:3;display:none;color:var(--course-audio-button-glyph)}.course-simple-audio-button--host.course-simple-audio-button--playing svg:not(.course-simple-audio-ring):not(.spin){display:none}.course-simple-audio-button .spin{position:relative;z-index:1;width:calc(var(--course-simple-audio-icon-size) * .52);height:calc(var(--course-simple-audio-icon-size) * .52);color:var(--course-audio-button-fill)}.course-simple-audio-button:has(.spin):before{display:none}.course-simple-audio-button:has(.spin):after{display:none}.course-simple-audio-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;transition:opacity .12s ease}.course-simple-audio-ring-track,.course-simple-audio-ring-progress{fill:none;stroke-width:3}.course-simple-audio-ring-track{stroke:color-mix(in srgb,var(--tertiary) 24%,transparent)}.course-simple-audio-ring-progress{stroke:var(--tertiary);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .1s linear}.course-simple-audio-button--playing .course-simple-audio-ring,.course-simple-audio-button--indeterminate .course-simple-audio-ring{opacity:1}.course-simple-audio-button--indeterminate .course-simple-audio-ring-progress{animation:course-simple-audio-dash 1.2s linear infinite;stroke-dasharray:28 100}@keyframes course-simple-audio-dash{to{stroke-dashoffset:-100}}.course-simple-audio-button:focus-visible{outline:3px solid var(--course-content-focus-ring);outline-offset:2px}.course-question{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;border:1px solid var(--course-content-border, rgb(255 255 255 / 72%));border-radius:14px;background:var(--course-content-surface, rgb(255 255 255 / 76%));padding:14px}.course-read-item{display:grid;min-width:0;gap:10px;border:0;border-radius:0;background:transparent;padding:0}.course-read-item-body{display:grid;min-width:0;gap:10px}.course-read-item h4,.course-article h4{margin:0 0 10px;color:var(--course-content-text, var(--text));font-size:16px;font-weight:820}.course-read-item hr{border:0;border-top:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));margin:4px 0}.course-dialog{display:grid;gap:18px;color:var(--course-content-text, var(--text))}.course-dialog-settings{border-left:3px solid var(--primary);background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:10px 12px}.course-dialog-section{display:grid;gap:10px}.course-dialog-section h4,.course-dialog-script-heading h4{margin:0;color:var(--course-content-muted, var(--muted));font-size:13px;font-weight:840;letter-spacing:0}.course-dialog-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;gap:8px}.course-dialog-participant-chip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;gap:8px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 86%));padding:6px 8px 6px 6px}.course-dialog-participant-copy{display:grid;min-width:0;gap:1px}.course-dialog-participant-copy strong,.course-dialog-participant-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-dialog-participant-copy strong{color:var(--course-content-text, var(--text));font-size:13px;font-weight:820;line-height:1.2}.course-dialog-participant-copy small{color:var(--course-content-muted, var(--muted));font-size:11px;font-weight:650;line-height:1.2}.course-dialog-script-list{display:grid;gap:12px;min-width:0}.course-dialog-toggles{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.course-dialog-avatar{--course-dialog-avatar-border: var(--course-dialog-accent, var(--primary));display:grid;flex:0 0 auto;width:40px;height:40px;overflow:hidden;place-items:center;border:2px solid color-mix(in srgb,var(--course-dialog-avatar-border) 54%,transparent);border-radius:50%;background:color-mix(in srgb,var(--course-dialog-avatar-border) 12%,var(--course-content-surface-strong, #ffffff));color:var(--course-dialog-avatar-border);font-size:14px;font-weight:840;line-height:1}.course-dialog-avatar--compact{width:32px;height:32px;font-size:12px}.course-dialog-avatar img{display:block;width:100%;height:100%;object-fit:cover}.course-dialog-script-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.course-dialog-toggle{min-height:30px;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 76%));color:var(--primary);padding:5px 10px;font:inherit;font-size:12px;font-weight:780;cursor:pointer}.course-dialog-toggle[aria-pressed=true]{background:var(--course-content-primary-soft, rgb(255 106 106 / 10%))}.course-dialog-toggle:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:2px}.course-dialog-script{--course-dialog-accent: var(--primary);--course-dialog-bubble-bg: var(--course-content-surface-strong, rgb(255 255 255 / 88%));--course-dialog-bubble-text: var(--course-content-text, var(--text));--course-dialog-bubble-secondary-text: var(--course-content-muted, var(--muted));--course-dialog-placeholder: color-mix(in srgb, var(--course-dialog-accent) 34%, transparent);display:flex;align-items:flex-start;min-width:0;gap:10px}.course-dialog-script-content{display:grid;flex:0 1 auto;min-width:min(100%,220px);max-width:min(720px,calc(100% - 52px));gap:8px}.course-dialog-script-content>.course-dialog-bubble{justify-self:start;width:fit-content;max-width:100%}.course-role-play-script--selected .course-dialog-script-content>.course-dialog-bubble{justify-self:end}.course-dialog-lookup-slot{display:grid;min-width:0}.course-dialog-lookup-slot:empty{display:none}.course-dialog-lookup-slot .course-interactive-lookup-external,.course-dialog-lookup-slot .course-lookup-panel{min-width:0;width:100%}.course-dialog-script--speaker-1{--course-dialog-accent: #5c7cfa}.course-dialog-script--speaker-2{--course-dialog-accent: #2f9e44}.course-dialog-script--speaker-3{--course-dialog-accent: #d9480f}.course-dialog-script--speaker-4{--course-dialog-accent: #7950f2}.course-dialog-script--speaker-5{--course-dialog-accent: #0ca678}.course-dialog-script--speaker-6{--course-dialog-accent: #e67700}.course-dialog-script--speaker-7{--course-dialog-accent: #ae3ec9}.course-dialog-bubble{position:relative;display:grid;flex:0 1 auto;min-width:min(100%,220px);max-width:min(720px,calc(100% - 52px));gap:6px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-dialog-bubble-bg);color:var(--course-dialog-bubble-text);padding:10px 12px 11px;box-shadow:inset 3px 0 0 var(--course-dialog-accent),0 8px 18px #2b20200d}.course-dialog-bubble:before{position:absolute;top:15px;left:-5px;width:9px;height:9px;border-bottom:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-left:1px solid var(--course-content-border, rgb(128 98 104 / 12%));background:var(--course-dialog-bubble-bg);content:"";transform:rotate(45deg)}.course-dialog-bubble-header{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px}.course-dialog-speaker-copy{display:flex;align-items:baseline;min-width:0;gap:6px}.course-dialog-speaker-copy strong,.course-dialog-speaker-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-dialog-speaker-copy strong{color:var(--course-dialog-accent);font-size:14px;font-weight:820}.course-dialog-speaker-copy span{color:var(--course-dialog-bubble-secondary-text);font-size:12px;font-weight:560}.course-dialog-audio{display:inline-flex;flex:0 0 auto;align-items:center;color:var(--course-dialog-accent)}.course-dialog-audio .course-simple-audio-button,.course-dialog-audio .course-simple-audio-button--playing{--course-simple-audio-icon-size: 22px;--course-simple-audio-symbol-size: 16px;--course-audio-button-glyph: var(--course-dialog-bubble-bg)}.course-dialog-audio .course-simple-audio-button .spin{width:11px;height:11px}.course-dialog-script-body,.course-dialog-script-body .course-line-stack{display:grid;gap:4px}.course-dialog-script-text,.course-dialog-script-detail,.course-dialog-bubble .course-line p,.course-dialog-bubble .course-interactive-paragraph{margin:0;color:var(--course-dialog-bubble-text);font-size:16px;font-weight:620;line-height:1.55}.course-dialog-script-detail{color:var(--course-dialog-bubble-secondary-text);font-size:14px;font-weight:610}.course-dialog-bubble .course-interactive-token--word,.course-dialog-bubble .course-interactive-token--phrase{color:inherit}.course-dialog-bubble .course-interactive-sentence-text--hovered,.course-dialog-bubble .course-interactive-sentence-text--selected,.course-dialog-bubble .course-interactive-token--lookup:hover,.course-dialog-bubble .course-interactive-token--selected,.course-dialog-bubble .course-interactive-token--space.course-interactive-token--selected,.course-dialog-bubble .course-interactive-token:focus-visible,.course-dialog-bubble .course-interactive-selection{background-color:color-mix(in srgb,var(--course-dialog-accent) 16%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--course-dialog-accent) 14%,transparent);color:var(--course-dialog-bubble-text)}.course-dialog-bubble .course-interactive-sentence-text--hovered .course-interactive-token,.course-dialog-bubble .course-interactive-sentence-text--selected .course-interactive-token,.course-dialog-bubble .course-interactive-selection .course-interactive-token,.course-dialog-bubble .course-interactive-selection .course-interactive-token--lookup:hover{color:inherit}.course-dialog-bubble .course-interactive-text--clickable .course-interactive-underline{background-image:linear-gradient(color-mix(in srgb,var(--course-dialog-accent) 58%,var(--course-dialog-bubble-secondary-text)),color-mix(in srgb,var(--course-dialog-accent) 58%,var(--course-dialog-bubble-secondary-text)))}.course-role-play{display:grid;gap:18px}.course-role-play>h4,.course-role-play h5{margin:0;color:var(--course-content-text, var(--text));font-size:16px;font-weight:820;line-height:1.25}.course-role-play h5{font-size:14px}.course-role-play-guide{display:grid;gap:8px;border-left:3px solid var(--primary);background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:10px 12px}.course-role-play-divider{width:100%;height:1px;border:0;background:var(--course-content-border-strong, rgb(128 98 104 / 18%));margin:2px 0}.course-role-play-selection,.course-role-play-active{display:grid;gap:14px}.course-role-play-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.course-role-play-option-button{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;font:inherit;text-align:left;cursor:pointer}.course-role-play-option-button:focus-visible{outline:none}.course-role-play-option-button:focus-visible .course-role-play-option,.course-role-play-change-button:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:2px}.course-role-play-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;gap:12px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 88%));padding:12px 14px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.course-role-play-option-button:hover .course-role-play-option{border-color:color-mix(in srgb,var(--primary) 30%,var(--course-content-border));background:color-mix(in srgb,var(--course-content-surface-strong) 82%,var(--course-content-primary-soft));transform:translateY(-1px)}.course-role-play-option--compact{padding:10px 14px}.course-role-play-option--selected{border-color:color-mix(in srgb,var(--primary) 45%,var(--course-content-border));background:color-mix(in srgb,var(--course-content-surface-strong) 82%,var(--course-content-primary-soft));box-shadow:inset 3px 0 0 var(--primary)}.course-role-play-option-copy{display:grid;min-width:0;gap:4px}.course-role-play-option-copy>div{display:flex;align-items:baseline;min-width:0;gap:6px}.course-role-play-option-copy strong,.course-role-play-option-copy span,.course-role-play-option-copy p{overflow:hidden;text-overflow:ellipsis}.course-role-play-option-copy strong{color:var(--course-content-text, var(--text));font-size:15px;font-weight:820;line-height:1.2;white-space:nowrap}.course-role-play-option-copy span{color:var(--course-content-muted, var(--muted));font-size:12px;font-weight:620;white-space:nowrap}.course-role-play-option-copy p{display:-webkit-box;margin:0;color:var(--course-content-muted, var(--muted));font-size:12px;font-weight:620;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.course-role-play-option--compact .course-role-play-option-copy p{-webkit-line-clamp:2}.course-role-play-observer-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--primary)}.course-role-play-active-header{display:flex;align-items:flex-start;gap:12px}.course-role-play-active-header .course-role-play-option{flex:1 1 auto}.course-role-play-change-button{flex:0 0 auto;min-height:36px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 88%));color:var(--primary);padding:8px 12px;font:inherit;font-size:13px;font-weight:780;cursor:pointer}.course-role-play-task{display:grid;gap:8px;border-left:3px solid var(--primary);background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:10px 12px}.course-role-play-task p{margin:0;color:var(--course-content-muted, var(--muted));font-size:14px;font-weight:650;line-height:1.45}.course-role-play-script-stack{display:grid;gap:12px}.course-role-play-script{width:100%}.course-role-play-script-spacer{flex:1 1 24px;min-width:24px}.course-role-play-bubble{max-width:min(720px,calc(100% - 52px))}.course-role-play-script--selected{justify-content:flex-end}.course-role-play-script--selected .course-dialog-bubble{box-shadow:inset -3px 0 0 var(--course-dialog-accent),0 8px 18px #2b20200d}.course-role-play-script--selected .course-dialog-bubble:before{right:-5px;left:auto;border:0;border-top:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-right:1px solid var(--course-content-border, rgb(128 98 104 / 12%))}.course-role-play-script-header--trailing{justify-content:flex-end}.course-role-play-script-header--trailing .course-dialog-audio{order:-1;margin-right:auto}.course-role-play-script-header--trailing .course-dialog-speaker-copy{justify-content:flex-end;text-align:right}.course-role-play-hidden-line{display:grid;justify-items:start;gap:6px;padding:4px 0}.course-role-play-hidden-line span{display:block;height:10px;border-radius:4px;background:var(--course-dialog-placeholder)}.course-role-play-hidden-line span:first-child{width:128px}.course-role-play-hidden-line span:last-child{width:84px;opacity:.78}.course-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 84%))}.course-table{width:100%;min-width:420px;border-collapse:separate;border-spacing:0;color:var(--course-content-text, #674c53);font-size:14px}.course-table th,.course-table td{border-right:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-bottom:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));padding:0;vertical-align:top}.course-table th{position:sticky;top:0;z-index:1;background:var(--course-content-surface, rgb(255 255 255 / 78%));text-align:left}.course-table tr:last-child td{border-bottom:0}.course-table th:last-child,.course-table td:last-child{border-right:0}.course-table-cell-content,.course-table-cell-copy{display:grid;min-height:100%;gap:6px;padding:10px 11px;color:var(--course-content-text, #674c53)}.course-table-cell-content--head{background:color-mix(in srgb,var(--course-content-surface) 84%,var(--course-content-muted, #8b7378) 10%)}.course-table-cell-content--gray{background:color-mix(in srgb,var(--course-content-muted, #8b7378) 18%,transparent)}.course-table-cell-content--red,.course-table-cell-content--pink{background:color-mix(in srgb,var(--primary) 18%,transparent)}.course-table-cell-content--yellow{background:#ffdd573d}.course-table-cell-content--green{background:var(--course-content-green-bg, rgb(92 173 125 / 18%))}.course-table-cell-content--blue,.course-table-cell-content--indigo,.course-table-cell-content--purple{background:#5c7cfa29}.course-table-cell-content .course-line-stack{gap:6px}.course-table-cell-content .course-line p{font-size:14px;line-height:1.45}.course-table-media{align-items:center;justify-items:center;margin:0}.course-table-media figcaption{color:var(--course-content-muted, var(--muted));font-size:12px;font-weight:680;line-height:1.35;text-align:center}.course-media{display:grid;gap:8px;margin:0}.course-media figcaption{color:var(--course-content-muted, var(--muted));font-size:12px;font-weight:720}.course-media img{display:block;max-width:min(100%,520px);max-height:360px;border-radius:14px;object-fit:contain;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%))}.course-interactive-text,.course-interactive-sentence{display:grid;gap:8px}.course-interactive-sentence{border-radius:12px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:10px 12px}.course-interactive-sentence p{margin:0;color:var(--course-content-text, #62484f);font-size:16px;font-weight:720}.course-interactive-sentence small,.course-article-subtitle{color:var(--course-content-muted, var(--muted));font-size:13px;font-weight:650;line-height:1.45}.course-practice-description{margin:0;color:var(--course-content-text, #70545b);font-size:15px;font-weight:680;line-height:1.55}.course-question{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.course-question-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.course-question-head span{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;background:var(--course-content-green-bg, #eaf7f0);color:var(--course-content-green, #3d7d60);font-size:13px;font-weight:850}.course-question-head small{color:var(--course-content-muted, var(--muted));font-size:12px;font-weight:740}.course-question-options{display:grid;gap:8px}.course-question-option{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;border:1px solid var(--course-content-border, rgb(128 98 104 / 14%));border-radius:12px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:9px 10px}.course-question-option>strong{display:grid;width:24px;height:24px;place-items:center;border-radius:9px;background:var(--course-content-option-bg, #fff0f0);color:var(--primary);font-size:12px}.course-question-answer{color:var(--course-content-text, #6b5258);font-size:13px;font-weight:680}.course-question-answer summary{cursor:pointer}.course-task-completion-panel{display:grid;width:min(100%,760px);gap:12px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:18px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:16px}.course-task-completion-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-task-completion-header strong{color:var(--course-content-text, var(--text));font-size:15px;font-weight:820;line-height:1.2}.course-task-completion-header span{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:var(--course-content-bg, rgb(255 255 255 / 76%));color:var(--course-content-subtle, var(--muted));padding:4px 10px;font-size:12px;font-weight:780;line-height:1}.course-task-completion-empty,.course-task-completion-error{margin:0;color:var(--course-content-muted, var(--muted));font-size:14px;font-weight:650;line-height:1.45}.course-task-completion-error{color:var(--error)}.course-task-completion-list{display:grid;gap:10px}.course-task-completion-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:14px;background:var(--course-content-surface-strong, rgb(255 255 255 / 82%));padding:12px}.course-task-completion-row strong{overflow:hidden;color:var(--course-content-text, var(--text));font-size:13px;font-weight:780;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.course-task-completion-row>span:last-child{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:12px;font-weight:760;white-space:nowrap}.course-task-completion-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;gap:8px;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:12px;background:var(--course-content-bg, #ffffff);color:var(--primary);padding:9px 14px;font:inherit;font-size:14px;font-weight:820;cursor:pointer;transition:border-color .16s ease,background .16s ease,opacity .16s ease}.course-task-completion-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 42%,var(--course-content-border-strong));background:var(--course-content-primary-soft, rgb(255 106 106 / 10%))}.course-task-completion-button:disabled{cursor:not-allowed;opacity:.58}.course-placeholder{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px;border:0;border-radius:0;background:transparent;padding:0;color:var(--course-content-text, #70545b)}.course-placeholder strong{color:var(--course-content-text, var(--text));font-size:16px;font-weight:820}.course-placeholder p,.course-flashcard-empty-copy{margin:0;color:var(--course-content-muted, var(--muted));font-size:14px;font-weight:650;line-height:1.55}.course-placeholder-requirements{display:grid;gap:8px;width:100%;border-left:3px solid var(--primary);background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:8px 0 8px 12px}.course-activity-card{display:grid;max-width:900px;gap:16px;color:var(--course-content-text, var(--text))}.course-activity-description,.course-activity-section p,.course-response-copy{color:var(--course-content-muted, var(--muted));font-size:14px;font-weight:650;line-height:1.55}.course-activity-section,.course-challenge-picker,.course-challenge-detail{display:grid;max-width:780px;gap:10px}.course-activity-section h5,.course-challenge-picker h5,.course-challenge-prompt h5,.course-dictation-example h5{margin:0;color:var(--course-content-subtle, var(--muted));font-size:14px;font-weight:820}.course-activity-section p,.course-activity-description,.course-challenge-prompt p,.course-dictation-example p,.course-response-copy{margin:0}.course-activity-section--rail{width:100%;border-left:3px solid var(--primary);background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:8px 0 8px 12px}.course-activity-note{justify-self:start;margin:0;border-radius:8px;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--course-content-subtle, var(--muted));padding:8px 10px;font-size:13px;font-weight:720;line-height:1.45}.course-writing-requirements{max-width:760px}.course-response-panel{display:grid;width:min(100%,760px);gap:12px;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 86%));padding:14px;box-shadow:0 14px 32px #65343e12}.course-challenge-card .course-response-panel{width:min(100%,780px)}.course-response-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.course-response-panel-header strong{color:var(--course-content-text, var(--text));font-size:15px;font-weight:820}.course-response-panel-header span{flex:0 0 auto;color:var(--course-content-subtle, var(--muted));font-size:12px;font-weight:760;font-variant-numeric:tabular-nums}.course-response-panel textarea{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-bg, #ffffff);color:var(--course-content-text, var(--text));padding:12px;font:inherit;font-size:15px;font-weight:560;line-height:1.55}.course-response-panel textarea:focus{border-color:color-mix(in srgb,var(--primary) 42%,var(--course-content-border));box-shadow:0 0 0 3px var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline:0}.course-response-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.course-response-evaluation-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.course-response-evaluation-actions .course-response-audio-toggle{margin-right:0}.course-response-audio-toggle{display:inline-flex;align-items:center;min-height:36px;gap:8px;margin-right:auto;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));color:var(--course-content-text, var(--text));padding:7px 10px;font-size:13px;font-weight:780;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.course-response-audio-toggle input{position:absolute;opacity:0;pointer-events:none}.course-response-audio-toggle-track{position:relative;display:inline-block;width:34px;height:20px;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--course-content-muted, #8b7378) 22%,transparent);transition:background .16s ease}.course-response-audio-toggle-track:after{position:absolute;top:3px;left:3px;display:block;width:14px;height:14px;border-radius:50%;background:var(--course-content-bg, #ffffff);box-shadow:0 1px 4px #30181e2e;content:"";transition:transform .16s ease}.course-response-audio-toggle input:checked+.course-response-audio-toggle-track{background:var(--primary)}.course-response-audio-toggle input:checked+.course-response-audio-toggle-track:after{transform:translate(14px)}.course-response-audio-toggle:has(input:focus-visible){outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:2px}.course-response-audio-toggle:has(input:disabled){cursor:not-allowed;opacity:.58}.course-response-secondary,.course-response-primary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;gap:6px;border-radius:8px;padding:8px 13px;font:inherit;font-size:13px;font-weight:820;cursor:pointer}.course-response-secondary{border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));color:var(--primary)}.course-response-primary{border:0;background:var(--primary);color:#fff;box-shadow:0 10px 20px #ff6a6a2e}.course-response-primary--inline{justify-self:start}.course-response-secondary:disabled,.course-response-primary:disabled{cursor:not-allowed;opacity:.58}.course-response-secondary:focus-visible,.course-response-primary:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:2px}.course-response-status{justify-self:start;margin:0;border-radius:8px;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--course-content-subtle, var(--muted));padding:8px 10px;font-size:13px;font-weight:720;line-height:1.45}.course-writing-share-panel{display:grid;gap:12px;border-top:1px solid var(--course-content-border, rgb(128 98 104 / 12%));padding-top:14px}.course-writing-share-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-writing-share-panel>header strong{color:var(--course-content-text, var(--text));font-size:15px;font-weight:820;line-height:1.25}.course-writing-share-action{min-height:38px;border-color:var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 84%));padding:8px 12px;color:var(--primary);font-size:13px;font-weight:840}.course-writing-share-panel>p{margin:0;color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:650;line-height:1.45}.course-writing-share-list{display:grid;gap:10px}.course-writing-share-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 84%));padding:12px}.course-writing-share-main{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;min-width:0}.course-user-avatar{position:relative;display:inline-grid;width:32px;height:32px;overflow:hidden;place-items:center;border:2px solid var(--course-user-avatar-border, #d1d1d6);border-radius:50%;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--primary);font-size:12px;font-weight:820}.course-user-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.course-user-avatar>span{position:relative;z-index:1}.course-writing-share-copy{display:grid;min-width:0;gap:2px}.course-writing-share-item strong{color:var(--course-content-text, var(--text));font-size:13px;font-weight:820;line-height:1.15}.course-writing-share-text{margin:0;color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:650;line-height:1.32;white-space:pre-wrap}.course-writing-share-text--collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-writing-share-expand{justify-self:start;border:0;background:transparent;color:var(--primary);padding:0;font:inherit;font-size:12px;font-weight:820;cursor:pointer}.course-writing-share-expand:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:3px}.course-writing-share-retract{min-height:36px;align-self:center;border-color:var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:8px;background:var(--course-content-surface-strong, rgb(255 255 255 / 84%));padding:8px 12px;color:var(--primary);font-size:13px;font-weight:840}.course-feedback-review{display:grid;gap:12px;border-top:1px solid var(--course-content-border, rgb(128 98 104 / 12%));padding-top:12px}.course-feedback-summary,.course-feedback-section p{margin:0;color:var(--course-content-text, var(--text));font-size:14px;font-weight:620;line-height:1.55}.course-feedback-summary{font-weight:720}.course-feedback-section{display:grid;gap:8px}.course-feedback-section h5{margin:0;color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:820}.course-feedback-list{display:grid;gap:8px;margin:0;padding-left:20px}.course-feedback-list li{color:var(--course-content-text, var(--text));font-size:14px;line-height:1.45}.course-feedback-list strong,.course-feedback-list span,.course-feedback-list small{display:block}.course-feedback-list strong{font-weight:820}.course-feedback-list small{color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:650}.course-feedback-priority-list{gap:8px;list-style:none;padding-left:0}.course-feedback-priority-item{margin:0}.course-feedback-priority-button{display:grid;width:100%;gap:4px;border:1px solid var(--course-content-border, rgb(128 98 104 / 14%));border-radius:14px;background:var(--course-content-surface-muted, rgb(128 98 104 / 5%));padding:10px 12px;color:var(--course-content-text, var(--text));font:inherit;text-align:left;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.course-feedback-priority-item.is-selected .course-feedback-priority-button{border-color:var(--primary);background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));box-shadow:0 0 0 1px var(--course-content-focus-ring, rgb(255 106 106 / 12%))}.course-feedback-priority-button:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:3px}.course-feedback-priority-heading{color:var(--course-content-text, var(--text))}.course-feedback-priority-item.is-selected .course-feedback-priority-heading{color:var(--primary)}.course-feedback-priority-button small{color:var(--course-content-subtle, var(--muted))}@media (hover: hover){.course-feedback-priority-button:hover{border-color:var(--course-content-border-strong, rgb(128 98 104 / 24%));background:var(--course-content-surface-strong, rgb(255 255 255 / 84%))}.course-feedback-priority-item.is-selected .course-feedback-priority-button:hover{border-color:var(--primary);background:var(--course-content-primary-soft, rgb(255 106 106 / 12%))}}.course-feedback-polished{border-radius:8px;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));padding:10px}.course-feedback-transcription{white-space:pre-wrap}.course-feedback-transcription-token{display:inline}.course-feedback-transcription-token--changed,.course-feedback-transcription-token--focused,.course-feedback-transcription-reference{color:var(--primary)}.course-feedback-transcription-token--focused{text-decoration-line:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.course-feedback-transcription-reference{font-weight:820}.course-feedback-polished-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.course-feedback-audio{display:inline-flex;align-items:center;justify-self:start;min-width:0;gap:8px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:7px 9px}.course-feedback-audio>span{max-width:min(420px,70vw);min-width:0;overflow:hidden;color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:720;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.course-feedback-replace-button{min-height:34px;padding:7px 11px}.course-writing-replace-dialog-overlay{z-index:130}.course-writing-replace-dialog{position:fixed;z-index:140;top:50%;left:50%;display:grid;width:min(420px,calc(100vw - 32px));gap:16px;padding:20px;transform:translate(-50%,-50%);box-shadow:0 28px 78px #2b20202e}.course-writing-replace-dialog-icon{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary) 13%,var(--course-content-surface-strong, var(--surface)));color:var(--primary)}.course-writing-replace-dialog-copy{display:grid;gap:8px}.course-writing-replace-dialog-copy h2{margin:0;color:var(--course-content-text, var(--ink));font-size:22px;line-height:1.2}.course-writing-replace-dialog-copy p{margin:0;color:var(--course-content-muted, var(--muted));font-size:15px;line-height:1.5}.course-writing-replace-dialog-actions{flex-wrap:wrap}.course-response-draft-key{display:none}.course-dictation-example,.course-challenge-prompt{display:grid;max-width:780px;gap:10px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:12px}.course-dictation-example p,.course-challenge-prompt p{color:var(--course-content-text, var(--text));font-size:15px;font-weight:620;line-height:1.55}.course-dictation-example .course-audio-control{width:100%;max-width:520px}.course-local-recorder{display:grid;gap:12px}.course-challenge-option-list{display:grid;gap:8px}.course-challenge-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;gap:12px;border:1px solid var(--course-content-border, rgb(128 98 104 / 12%));border-radius:8px;background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));padding:12px;font:inherit;text-align:left;cursor:pointer}.course-challenge-option--selected{border-color:color-mix(in srgb,var(--primary) 52%,var(--course-content-border));background:color-mix(in srgb,var(--course-content-surface-strong) 78%,var(--course-content-primary-soft))}.course-challenge-option>span:first-child{display:grid;min-width:0;gap:5px}.course-challenge-option strong{color:var(--course-content-text, var(--text));font-size:15px;font-weight:820;line-height:1.25}.course-challenge-option small{color:var(--course-content-muted, var(--muted));font-size:13px;font-weight:650;line-height:1.4}.course-challenge-option-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.course-challenge-option-meta b,.course-challenge-option-meta em{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:820;line-height:1;white-space:nowrap}.course-challenge-option-meta b{background:var(--primary);color:#fff}.course-challenge-option-meta em{background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--primary)}.course-pronunciation-card{display:grid;max-width:860px;gap:16px;color:var(--course-content-text, var(--text))}.course-pronunciation-description,.course-pronunciation-reference-text,.course-pronunciation-status{margin:0}.course-pronunciation-description,.course-pronunciation-reference-text{color:var(--course-content-muted, var(--muted));font-size:14px;font-weight:650;line-height:1.55}.course-pronunciation-requirements{max-width:720px}.course-pronunciation-section{display:grid;max-width:760px;gap:10px}.course-pronunciation-section h5{margin:0;color:var(--course-content-subtle, var(--muted));font-size:14px;font-weight:820}.course-pronunciation-section .course-audio-control,.course-pronunciation-playback .course-audio-control{width:100%;max-width:520px}.course-pronunciation-recorder{display:grid;width:min(100%,720px);gap:12px;border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));border-radius:18px;background:var(--course-content-surface-strong, rgb(255 255 255 / 86%));padding:14px;box-shadow:0 14px 32px #65343e12}.course-pronunciation-recorder--recording{border-color:color-mix(in srgb,var(--primary) 42%,transparent);background:color-mix(in srgb,var(--primary) 9%,var(--course-content-surface-strong, #ffffff))}.course-pronunciation-recorder-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.course-pronunciation-record-button{display:inline-grid;width:56px;height:56px;place-items:center;border:0;border-radius:20px;background:var(--primary);color:#fff;line-height:0;box-shadow:0 12px 24px #ff6a6a38;cursor:pointer}.course-pronunciation-record-button:hover:not(:disabled){transform:translateY(-1px)}.course-pronunciation-record-button:disabled{cursor:not-allowed;opacity:.72}.course-pronunciation-record-button--recording{background:var(--tertiary, var(--primary))}.course-pronunciation-recorder-copy{display:grid;min-width:0;gap:8px}.course-pronunciation-recorder-copy>div:first-child{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:12px}.course-pronunciation-recorder-copy strong{overflow:hidden;color:var(--course-content-text, var(--text));font-size:15px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.course-pronunciation-recorder-copy span{flex:0 0 auto;color:var(--course-content-subtle, var(--muted));font-size:13px;font-weight:780;font-variant-numeric:tabular-nums}.course-pronunciation-meter{display:flex;align-items:center;height:24px;gap:4px;overflow:hidden}.course-pronunciation-meter span{display:block;width:5px;height:11px;border-radius:999px;background:color-mix(in srgb,var(--primary) 62%,var(--course-content-muted, #8b7378));opacity:.46;transform-origin:center}.course-pronunciation-meter span:nth-child(3n+1){height:16px}.course-pronunciation-meter span:nth-child(4n+2){height:20px}.course-pronunciation-recorder--recording .course-pronunciation-meter span{animation:course-pronunciation-wave .9s ease-in-out infinite;animation-delay:calc(var(--bar-index) * -72ms);opacity:.9}.course-pronunciation-playback{display:grid;gap:10px;padding-left:68px}.course-recorder--playback-only .course-pronunciation-playback{padding-left:0}.course-pronunciation-recording-actions{display:flex;flex-wrap:wrap;gap:8px;padding-left:68px}.course-pronunciation-actions{display:flex;flex-wrap:wrap;gap:8px}.course-pronunciation-secondary,.course-pronunciation-stop,.course-pronunciation-evaluate{display:inline-flex;align-items:center;justify-content:center;min-height:36px;gap:6px;border-radius:12px;padding:8px 13px;font:inherit;font-size:13px;font-weight:820;cursor:pointer}.course-pronunciation-secondary{border:1px solid var(--course-content-border-strong, rgb(128 98 104 / 18%));background:var(--course-content-surface-soft, rgb(255 255 255 / 62%));color:var(--primary)}.course-pronunciation-stop,.course-pronunciation-evaluate{border:0;background:var(--primary);color:#fff;box-shadow:0 10px 20px #ff6a6a2e}.course-pronunciation-record-button:focus-visible,.course-pronunciation-secondary:focus-visible,.course-pronunciation-stop:focus-visible,.course-pronunciation-evaluate:focus-visible{outline:3px solid var(--course-content-focus-ring, rgb(255 106 106 / 18%));outline-offset:2px}.course-pronunciation-status{justify-self:start;border-radius:12px;background:var(--course-content-primary-soft, rgb(255 106 106 / 10%));color:var(--course-content-subtle, var(--muted));padding:8px 10px;font-size:13px;font-weight:720;line-height:1.45}@keyframes course-pronunciation-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.2)}}@media (prefers-reduced-motion: reduce){.course-pronunciation-record-button:hover:not(:disabled){transform:none}.course-pronunciation-recorder--recording .course-pronunciation-meter span{animation:none;transform:none}}.course-flashcard-shell{--course-content-bg: var(--cell-background);--course-content-surface: rgb(255 255 255 / 76%);--course-content-surface-strong: rgb(255 255 255 / 88%);--course-content-surface-soft: rgb(255 255 255 / 62%);--course-content-text: #424242;--course-content-muted: #8b7378;--course-content-subtle: #947b81;--course-content-border: rgb(128 98 104 / 12%);--course-content-border-strong: rgb(128 98 104 / 18%);--course-content-green-bg: #e9f7ef;--course-content-green: #2f7357;--course-content-list-bg: rgb(248 236 236 / 42%);--course-content-primary-soft: rgb(255 106 106 / 10%);--course-content-option-bg: #fff0f0;--course-content-lookup-bg: rgb(255 255 255 / 92%);--course-content-lookup-tag-bg: #f2faf5;--course-content-shadow: 0 14px 34px rgb(101 52 62 / 7%);--course-content-nav-bg: rgb(255 255 255 / 86%);--course-content-nav-bg-hover: rgb(255 255 255 / 96%);--course-content-nav-color: var(--primary);--course-content-nav-disabled: rgb(128 98 104 / 32%);--course-content-focus-ring: rgb(255 106 106 / 18%);--course-host-bg: color-mix(in srgb, var(--course-content-green) 12%, var(--course-content-surface-strong));--course-host-control-bg: color-mix(in srgb, var(--course-content-bg) 76%, var(--course-content-surface-strong));--course-host-text: color-mix(in srgb, var(--course-content-green) 84%, var(--course-content-text));gap:10px}.course-flashcard-toolbar{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.course-flashcard-card{border:0;border-radius:18px;background:var(--course-content-bg);box-shadow:var(--course-content-shadow)}.course-flashcard-card-header{padding:22px 24px 8px}.course-flashcard-host-slot{display:flex;min-width:0;margin-top:14px}.flashcard-host-view{display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(100%,360px);min-height:46px;gap:10px;border-radius:999px;background:var(--course-host-bg);color:var(--course-host-text);padding:3px 10px 3px 3px}.flashcard-host-avatar-shell{display:block;width:42px;height:42px;flex:0 0 auto}.flashcard-host-avatar-shell .participant-avatar{width:42px;height:42px;border-width:3px;background:var(--course-content-surface-strong);transition:transform .16s ease}.flashcard-host-avatar-shell .participant-avatar-status{width:18px;height:18px}.flashcard-host-avatar-fallback{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--course-content-surface-strong);color:var(--course-host-text);font-size:17px;font-weight:850}.flashcard-host-avatar-button{display:block;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:inherit;padding:0;cursor:pointer}.flashcard-host-avatar-button:hover .participant-avatar{transform:scale(1.03)}.flashcard-host-avatar-button:focus-visible{outline:3px solid var(--course-content-focus-ring);outline-offset:2px}.flashcard-host-copy{display:grid;min-width:0;gap:2px}.flashcard-host-copy small{color:color-mix(in srgb,var(--course-host-text) 82%,var(--course-content-muted));font-size:11px;font-weight:760}.flashcard-host-copy strong{overflow:hidden;color:var(--course-host-text);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.flashcard-host-transfer-button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:var(--course-host-control-bg);color:var(--primary);cursor:pointer;transition:background .16s ease,transform .16s ease}.flashcard-host-transfer-button:hover{background:color-mix(in srgb,var(--course-host-control-bg) 72%,var(--course-content-bg));transform:translateY(-1px)}.flashcard-host-transfer-button:focus-visible{outline:3px solid var(--course-content-focus-ring);outline-offset:2px}.course-flashcard-title-eyebrow{color:var(--course-content-muted);font-size:14px;font-weight:760}.course-flashcard-content-title h3{color:var(--course-content-text);font-size:26px;letter-spacing:0}.course-flashcard-scroll{padding:14px 24px 64px}.course-flashcard-nav-button{top:0;border:0;box-shadow:none;transform:none}.course-rich-text-run--b{font-weight:850}.course-rich-text-run--i{font-style:italic}.course-rich-text-run--u{text-decoration:underline;text-underline-offset:.16em}.course-rich-text-run--s{text-decoration:line-through}.course-rich-text-run--u.course-rich-text-run--s{text-decoration:underline line-through}.course-rich-text-run--sup{position:relative;top:-.38em;font-size:.72em}.course-rich-text-run--sub{position:relative;bottom:-.2em;font-size:.72em}.course-line p{color:var(--course-content-text);font-size:17px;font-weight:560}.course-question-head span{background:var(--course-content-green-bg);color:var(--course-content-green)}.course-audio-control{width:min(100%,520px);border-color:var(--course-content-border);background:var(--course-content-surface-strong)}.course-question{border-color:var(--course-content-border);background:var(--course-content-surface)}.course-table-block{display:grid;gap:12px}.course-table{min-width:520px;color:var(--course-content-text)}.course-table td{background:var(--course-content-surface-soft)}.course-table-image{display:block;max-width:160px;max-height:120px;border-radius:10px;object-fit:contain}.course-interactive-text{display:grid;gap:12px}.course-interactive-paragraph{position:relative;margin:0;color:var(--course-content-text);font-size:18px;font-weight:560;line-height:1.82}.course-interactive-text--clickable .course-interactive-paragraph{cursor:text}.course-interactive-flow{display:inline}.course-interactive-text--clickable .course-interactive-underline{background-image:linear-gradient(color-mix(in srgb,var(--primary) 42%,transparent),color-mix(in srgb,var(--primary) 42%,transparent));background-position:0 calc(100% - .08em);background-repeat:repeat-x;background-size:100% 1px;box-decoration-break:clone;text-decoration:none;-webkit-box-decoration-break:clone}.course-interactive-joiner{white-space:pre}.course-interactive-sentence-text{border-radius:5px;line-height:inherit;padding:0;-webkit-tap-highlight-color:transparent;transition:background .14s ease,color .14s ease}.course-interactive-text--clickable .course-interactive-sentence-text{touch-action:manipulation;-webkit-user-select:text;user-select:text}.course-interactive-sentence-text--hovered,.course-interactive-sentence-text--selected{background-color:var(--course-content-primary-soft);box-shadow:0 0 0 3px var(--course-content-primary-soft);color:var(--course-content-text)}.course-interactive-sentence-text--hovered .course-interactive-token,.course-interactive-sentence-text--selected .course-interactive-token{color:inherit}.course-interactive-token{border:0;border-radius:5px;color:inherit;line-height:inherit;outline:none;padding:0;text-align:left;transition:background .14s ease,color .14s ease}.course-interactive-token--space{display:inline-block;min-width:.32em;white-space:pre}.course-interactive-token--lookup{cursor:pointer}.course-interactive-token--lookup:hover{background-color:var(--course-content-primary-soft);box-shadow:0 0 0 3px var(--course-content-primary-soft);color:var(--course-content-text)}.course-interactive-selection .course-interactive-token--lookup:hover{background-color:transparent;box-shadow:none;color:inherit}.course-interactive-token--word{color:var(--course-content-green)}.course-interactive-token--phrase{color:var(--course-content-text);font-weight:820}.course-interactive-selection{display:inline;border-radius:4px;background-color:var(--course-content-primary-soft);box-decoration-break:clone;box-shadow:0 0 0 3px var(--course-content-primary-soft);color:var(--course-content-text);padding:0;-webkit-box-decoration-break:clone}.course-interactive-selection .course-interactive-token{color:inherit}.course-interactive-token--selected{border-radius:0;background-color:var(--course-content-primary-soft);box-shadow:0 0 0 3px var(--course-content-primary-soft);color:var(--course-content-text)}.course-interactive-token--space.course-interactive-token--selected{background-color:var(--course-content-primary-soft);box-shadow:0 0 0 3px var(--course-content-primary-soft)}.course-interactive-token:focus-visible{background-color:var(--course-content-primary-soft);color:var(--course-content-text)}.course-lookup-source-wrap{gap:0}.course-interactive-lookup-anchor{display:block;clear:both;background:var(--course-content-bg);background-image:none;color:var(--course-content-text);margin:14px 0;line-height:normal;text-decoration:none}.course-interactive-lookup-anchor *,.course-lookup-panel,.course-lookup-panel *{text-decoration:none}.course-lookup-modal-overlay{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-items:center;background:#1a12146b;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-lookup-modal{display:grid;width:min(560px,100%);max-height:min(680px,calc(100dvh - 44px));min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--course-content-border-strong);border-radius:22px;background:color-mix(in srgb,var(--course-content-bg) 94%,transparent);color:var(--course-content-text);outline:none;padding:10px;box-shadow:0 28px 76px #2111163d}.course-lookup-modal .course-lookup-panel{width:100%;min-height:0;max-height:none;overflow:visible;border-color:color-mix(in srgb,var(--course-content-border) 70%,transparent);background:var(--course-content-lookup-bg);box-shadow:none}.course-lookup-panel{display:grid;gap:12px;border:1px solid var(--course-content-border);border-radius:16px;background:var(--course-content-lookup-bg);padding:14px;box-shadow:0 14px 32px #65343e14}.course-lookup-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--course-content-muted);font-size:12px;font-weight:820}.course-lookup-title{display:inline-flex;align-items:center;min-width:0;gap:8px}.course-lookup-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:8px}.course-lookup-actions .course-simple-audio-button{--course-simple-audio-icon-size: 38px;--course-simple-audio-symbol-size: 30px}.course-lookup-actions .course-simple-audio-button .spin{width:16px;height:16px}.course-lookup-back,.course-lookup-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--course-content-muted) 13%,transparent);color:var(--course-content-muted);cursor:pointer}.course-lookup-panel>strong,.course-lookup-panel .course-lookup-source{color:var(--course-content-text);font-size:22px;font-weight:850;line-height:1.28}.course-lookup-panel .course-lookup-source .course-interactive-token,.course-lookup-panel .course-lookup-source .course-interactive-token--lookup-source,.course-lookup-panel .course-lookup-source .course-interactive-token--word,.course-lookup-panel .course-lookup-source .course-interactive-token--phrase{color:inherit;font-weight:inherit}.course-lookup-tags{display:flex;flex-wrap:wrap;gap:7px}.course-lookup-tags span{border-radius:999px;background:var(--course-content-lookup-tag-bg);color:var(--course-content-green);padding:5px 8px;font-size:12px;font-weight:760}.course-lookup-panel dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:0}.course-lookup-panel dt{display:inline-flex;align-self:start;justify-self:start;border-radius:8px;background:var(--course-content-primary-soft);color:color-mix(in srgb,var(--primary) 82%,var(--course-content-text));padding:4px 7px;font-size:12px;font-weight:800;line-height:1.15}.course-lookup-panel dd{margin:0;color:var(--course-content-text);font-size:13px;font-weight:650;line-height:1.5}.course-lookup-status{display:inline-flex;align-items:center;justify-self:start;gap:7px;border-radius:999px;background:var(--course-content-lookup-tag-bg);color:var(--course-content-muted);padding:7px 10px;font-size:12px;font-weight:760}.course-lookup-empty{display:grid;gap:10px;justify-items:start}.course-lookup-empty>strong{color:var(--course-content-text);font-size:32px;font-weight:900;line-height:1.15}.course-lookup-empty>p{margin:0}.course-lookup-context-card{display:grid;gap:8px;border-radius:12px;background:var(--course-content-primary-soft);padding:12px}.course-lookup-context-card>span,.course-lexicon-section-title{color:var(--course-content-muted);font-size:12px;font-weight:820}.course-lookup-context-card>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px}.course-lookup-context-card small{color:var(--course-content-green);font-size:13px;font-weight:820}.course-lookup-context-card strong{color:var(--course-content-text);font-size:16px;font-weight:850;line-height:1.45}.course-lexicon-card{display:grid;gap:14px}.course-lexicon-headword{display:grid;gap:8px;justify-items:start}.course-lexicon-headword strong{color:var(--course-content-text);font-size:32px;font-weight:900;line-height:1.15}.course-lexicon-headword span{color:var(--course-content-muted);font-size:18px;font-weight:720;line-height:1.2}.course-lexicon-headword .course-lexicon-headword-interactive{display:inline;background-image:linear-gradient(color-mix(in srgb,var(--primary) 48%,transparent),color-mix(in srgb,var(--primary) 48%,transparent));background-position:0 calc(100% - .14em);background-repeat:repeat-x;background-size:100% 1px;box-decoration-break:clone;color:var(--course-content-text);font-size:inherit;font-weight:inherit;line-height:inherit;-webkit-box-decoration-break:clone}.course-lexicon-headword .course-lexicon-headword-interactive .course-interactive-token{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}.course-lexicon-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:baseline}.course-lexicon-row>span{display:inline-flex;align-self:start;justify-self:start;border-radius:8px;background:var(--course-content-primary-soft);color:color-mix(in srgb,var(--primary) 82%,var(--course-content-text));padding:4px 7px;font-size:12px;font-weight:800;line-height:1.15}.course-lexicon-row>div{display:grid;gap:4px;min-width:0;color:var(--course-content-text);font-size:14px;line-height:1.5}.course-lexicon-row strong{font-weight:820}.course-lexicon-row small{color:var(--course-content-muted);font-size:12px;font-weight:680;line-height:1.45}.course-lexicon-inline-list,.course-lexicon-form-list{display:flex;flex-wrap:wrap;gap:7px}.course-lexicon-other-list{display:grid;gap:8px}.course-lexicon-section-title{flex:0 0 100%}.course-lexicon-inline-list span{display:inline-flex;align-items:baseline;gap:5px;border-radius:999px;background:var(--course-content-lookup-tag-bg);color:var(--course-content-text);padding:6px 9px;font-size:12px;font-weight:760}.course-lexicon-form-list{gap:8px}.course-lexicon-form-token{display:inline-flex;overflow:hidden;align-items:stretch;border-radius:11px;background:color-mix(in srgb,var(--course-content-muted) 13%,transparent);color:var(--course-content-text);line-height:1}.course-lexicon-form-token>span{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--primary) 42%,var(--course-content-muted));color:#fff;padding:7px 9px;font-size:12px;font-weight:850;white-space:nowrap}.course-lexicon-form-token strong{display:inline-flex;align-items:center;color:color-mix(in srgb,var(--primary) 60%,var(--course-content-text));padding:7px 11px 7px 10px;font-size:15px;font-weight:850;white-space:nowrap}.course-lexicon-examples{display:grid;gap:8px}.course-lexicon-examples p{display:grid;gap:4px;margin:0;color:var(--course-content-text)}.course-lexicon-examples p strong{font-size:13px;font-weight:780;line-height:1.45}.course-lexicon-examples p small{color:var(--course-content-muted);font-size:12px;font-weight:680;line-height:1.45}.course-lexicon-show-more{justify-self:start;border:0;background:transparent;color:var(--course-content-green);padding:0;font-size:12px;font-weight:820;cursor:pointer}.flashcard-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:520px;border:1px solid var(--separator);border-radius:16px;background:var(--cell-background);padding:18px}.flashcard-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:750}.flashcard-preview-header span{display:inline-flex;align-items:center;min-width:0;gap:7px}.flashcard-preview-header span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard-preview-actions{display:inline-flex;align-items:center;flex:0 0 auto;justify-content:flex-end;gap:8px}.flashcard-preview-actions>span{color:var(--muted);white-space:nowrap}.flashcard-preview-body{display:grid;align-content:center;justify-items:center;gap:12px;min-width:0;padding:34px 22px;text-align:center}.flashcard-preview-body .eyebrow{margin:0}.flashcard-preview-body h2{margin:0;max-width:720px;color:var(--text);font-size:30px;font-weight:760;line-height:1.18}.flashcard-preview-body p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.45}.course-progress-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700}.course-progress-track{overflow:hidden;height:6px;border-radius:999px;background:var(--control-background)}.course-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.course-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.course-strip-item{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:min(250px,72vw);min-height:54px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);color:var(--text);padding:9px 10px;font:inherit;text-align:left;cursor:pointer}.course-strip-item--active{border-color:var(--primary);background:var(--cell-background-hover)}.course-strip-item span{display:grid;min-width:0;gap:2px}.course-strip-item strong,.course-strip-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-strip-item strong{font-size:13px;line-height:1.2}.course-strip-item small{color:var(--muted);font-size:12px}.room-empty-state{display:grid;align-self:start;justify-items:center;gap:10px;color:var(--muted);padding:28px 18px 36px;text-align:center}.room-empty-state h2{font-size:18px}.room-empty-state p{max-width:320px;color:var(--muted);font-size:14px}.room-course-empty-state{align-content:start}.room-course-empty-state p{max-width:360px}.room-empty-action{min-width:150px;min-height:44px;padding-inline:18px;font-size:14px}.study-room-rail{display:grid;gap:14px}.voice-console{display:grid;gap:14px;padding:16px}.rail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rail-header h2{font-size:17px}.voice-status-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:0;border-radius:12px;background:var(--primary);color:var(--on-primary);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.voice-status-icon:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #ff6a6a33}.voice-status-icon:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a33}.voice-status-icon:disabled{cursor:not-allowed;opacity:.62}.voice-status-icon--muted{background:color-mix(in srgb,#f5b54c 20%,var(--cell-background));color:#9a6500}.voice-status-icon--manager-muted{background:var(--error-container);color:var(--error)}.voice-status-icon--microphone-connecting{background:var(--control-background);color:var(--text-secondary)}.voice-status-icon--disconnected{background:var(--error-container);color:var(--error)}.voice-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voice-metric-grid span{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;gap:6px;border-radius:12px;background:var(--control-background);color:var(--on-secondary);padding:8px;font-size:12px;font-weight:750}.voice-input-control{position:relative;display:grid;gap:7px}.voice-input-control:after{content:"";position:absolute;right:18px;bottom:11px;width:18px;height:18px;background:color-mix(in srgb,var(--text) 86%,transparent);pointer-events:none;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.voice-input-control>span{color:var(--on-secondary);font-size:12px;font-weight:750}.voice-input-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-right:48px}.voice-microphone-panel{display:grid;gap:10px;border-radius:12px;background:var(--control-background);padding:10px 12px}.voice-microphone-panel .voice-input-select{background:color-mix(in srgb,var(--cell-background) 56%,transparent)}.voice-microphone-volume{display:grid;gap:8px}.voice-microphone-volume>span{display:flex;align-items:center;gap:7px;color:var(--on-secondary);font-size:12px;font-weight:760}.voice-microphone-volume strong{margin-left:auto;color:var(--text);font-size:13px;font-weight:820}.voice-microphone-volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.voice-microphone-volume input[type=range]::-webkit-slider-runnable-track{height:8px;border:0;border-radius:999px;background:color-mix(in srgb,var(--primary) 58%,#ffffff);box-shadow:none}.voice-microphone-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border:0;border-radius:50%;background:var(--primary);box-shadow:0 4px 10px #ff6a6a33}.voice-microphone-volume input[type=range]::-moz-range-track{height:8px;border:0;border-radius:999px;background:color-mix(in srgb,var(--primary) 58%,#ffffff);box-shadow:none}.voice-microphone-volume input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--primary);box-shadow:0 4px 10px #ff6a6a33}.voice-input-level{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--on-secondary);font-size:11px;font-weight:750}.voice-input-level strong{min-width:34px;color:var(--text);font-size:11px;text-align:right}.voice-input-level-track{overflow:hidden;height:7px;border-radius:999px;background:color-mix(in srgb,var(--separator) 68%,transparent)}.voice-input-level-fill{width:0%;height:100%;border-radius:inherit;background:#2fa66f;transition:width .12s ease}.participant-grid{display:grid;gap:8px}.participant-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;border:1px solid var(--separator);border-radius:12px;background:var(--cell-background);padding:10px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.participant-chip:hover{background:var(--cell-background-hover)}.participant-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a6a29}.participant-chip--speaking{border-color:#43a0476b;background:#43a0470f;box-shadow:inset 3px 0 #43a047}.participant-avatar{position:relative;box-sizing:border-box;display:block;flex:0 0 auto;width:46px;height:46px;overflow:visible;border:3px solid #d1d1d6;border-radius:50%;background:var(--surface);color:var(--muted);font-weight:800}.participant-avatar-frame{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface)}.participant-avatar-frame img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%}.participant-avatar--offline{opacity:.72;filter:saturate(.15)}.participant-avatar--speaking{box-shadow:0 0 0 3px #43a04738}.participant-avatar--muted{box-shadow:0 0 0 3px #f5b54c38}.participant-avatar--manager-muted{box-shadow:0 0 0 3px #d32f2f2e}.participant-avatar--playback-muted{box-shadow:0 0 0 3px #676f7c33}.participant-avatar--connecting{box-shadow:0 0 0 3px #f5b54c38}.participant-avatar-fallback{color:var(--muted)}.participant-avatar-status{position:absolute;z-index:2;right:-3px;bottom:-3px;display:grid;width:20px;height:20px;place-items:center;border:2px solid var(--cell-background);border-radius:50%;color:#fff}.participant-avatar-status--speaking{background:#43a047}.participant-avatar-status--muted{background:#f5b54c;color:#5d3d00}.participant-avatar-status--manager-muted{background:var(--error)}.participant-avatar-status--playback-muted{background:#68717f}.participant-avatar-status--connecting{background:#f5b54c;color:#5d3d00}.participant-copy{display:grid;min-width:0;gap:3px}.participant-copy h3{display:flex;align-items:center;min-width:0;gap:6px;margin:0;overflow:hidden;color:var(--text);font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.participant-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-self-tag{flex:0 0 auto;border-radius:999px;background:var(--control-background);color:var(--on-secondary);padding:2px 6px;font-size:10px;font-weight:800}.participant-role-tag{flex:0 0 auto;color:var(--primary);font-size:12px;font-weight:760}.participant-copy p{color:var(--muted);font-size:12px}.host-picker-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(390px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 32px));overflow:auto;gap:14px;border-radius:22px;padding:18px;box-shadow:0 28px 78px #2b20202e;transform:translate(-50%,-50%)}.host-picker-dialog:focus{outline:none}.host-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.host-picker-header h2{margin:0;color:var(--text);font-size:21px;font-weight:860;letter-spacing:0}.host-picker-list{display:grid;overflow:hidden;border-radius:16px;background:var(--cell-background)}.host-picker-empty{color:var(--muted);padding:18px;font-size:14px;font-weight:720;text-align:center}.host-picker-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;border:0;background:transparent;color:inherit;padding:11px 12px;font:inherit;text-align:left;cursor:pointer}.host-picker-row+.host-picker-row{border-top:1px solid var(--separator)}.host-picker-row:hover:not(:disabled){background:var(--cell-background-hover)}.host-picker-row:focus-visible{position:relative;z-index:1;outline:3px solid rgb(255 106 106 / 20%);outline-offset:-3px}.host-picker-row:disabled{cursor:default}.host-picker-row--current{background:color-mix(in srgb,var(--primary) 7%,transparent)}.host-picker-copy{display:grid;min-width:0;gap:3px}.host-picker-copy strong{overflow:hidden;color:var(--text);font-size:15px;font-weight:840;text-overflow:ellipsis;white-space:nowrap}.host-picker-copy small{color:var(--muted);font-size:12px;font-weight:720}.host-picker-action{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:30px;border-radius:999px;background:var(--control-background);color:var(--primary);padding:5px 9px;font-size:12px;font-weight:780}.host-picker-row--current .host-picker-action{min-width:30px;color:#2fbf62}.participant-management-dialog{position:fixed;z-index:60;top:50%;left:50%;display:grid;width:min(430px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 32px));overflow:auto;gap:18px;border-radius:24px;padding:20px;box-shadow:0 28px 78px #2b20202e;transform:translate(-50%,-50%)}.participant-management-dialog:focus{outline:none}.participant-management-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.participant-management-header h2{margin:0;color:var(--text);font-size:23px;font-weight:860;letter-spacing:0}.participant-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;border:0;border-radius:18px;background:var(--cell-background);color:inherit;padding:13px;font:inherit;text-align:left;cursor:pointer}.participant-profile-card:hover{background:var(--cell-background-hover)}.participant-profile-copy{display:grid;min-width:0;gap:3px}.participant-profile-copy strong{overflow:hidden;color:var(--text);font-size:18px;font-weight:840;text-overflow:ellipsis;white-space:nowrap}.participant-profile-copy small{color:var(--muted);font-size:13px;font-weight:720}.participant-profile-detail{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:14px;font-weight:760}.participant-management-controls{display:grid;overflow:hidden;border-radius:18px;background:var(--cell-background)}.participant-control-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:68px;gap:12px;padding:12px 14px}.participant-control-row+.participant-control-row{border-top:1px solid var(--separator)}.participant-control-row+.participant-volume-row,.participant-volume-row+.participant-control-row{border-top:1px solid var(--separator)}.participant-control-icon{display:grid;width:26px;height:26px;place-items:center}.participant-control-icon--ok{color:#2fbf62}.participant-control-icon--warn{color:#d18b18}.participant-control-icon--neutral{color:var(--muted)}.participant-control-icon--danger{color:var(--error)}.participant-control-copy{color:var(--muted);font-size:16px;font-weight:740}.participant-control-switch{position:relative;width:56px;height:32px;border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,var(--cell-background));padding:0;cursor:pointer}.participant-control-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #2b20202e;transition:transform .15s ease}.participant-control-switch--on{border-color:color-mix(in srgb,var(--primary) 36%,transparent);background:var(--primary)}.participant-control-switch--danger{border-color:color-mix(in srgb,var(--error) 42%,transparent);background:var(--error)}.participant-control-switch--on span{transform:translate(24px)}.participant-control-switch:disabled{cursor:not-allowed;opacity:.48}.participant-control-command{min-width:82px;min-height:34px;border:0;border-radius:10px;background:var(--primary);color:var(--on-primary);padding:8px 11px;font:inherit;font-size:13px;font-weight:780;cursor:pointer}.participant-control-command:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 88%,#7d1f1f)}.participant-control-command:disabled{background:color-mix(in srgb,var(--muted) 18%,var(--cell-background));color:var(--muted);cursor:not-allowed}.participant-volume-row{display:grid;gap:10px;padding:12px 14px 14px}.participant-volume-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.participant-volume-row input[type=range]{width:100%;accent-color:var(--primary)}.participant-volume-row--muted input[type=range]{accent-color:#68717f}.participant-remove-button{width:100%;min-height:48px;border:0;border-radius:999px;background:var(--cell-background);color:var(--error);padding:11px 16px;font:inherit;font-size:17px;font-weight:780;cursor:pointer}.participant-remove-button:hover{background:color-mix(in srgb,var(--error) 8%,var(--cell-background))}.list-state,.empty-state{display:grid;justify-items:center;gap:10px;padding:28px 18px;color:var(--muted);text-align:center}.empty-state h2{font-size:18px}.empty-state p{max-width:320px;color:var(--muted);font-size:14px}.ready-panel,.center-panel{display:flex;align-items:center;gap:12px;padding:18px}.ready-panel>svg{flex:0 0 auto;color:var(--primary)}.ready-panel p{margin-top:4px;font-size:14px}.center-panel{flex-direction:column;justify-content:center;min-height:calc(100vh - 56px);color:var(--muted);font-weight:650}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.room-course-list-dialog{--course-library-master-bg: var(--surface);--course-library-detail-bg: linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #000000), color-mix(in srgb, var(--grouped-background) 96%, #000000));--course-library-card-bg: color-mix(in srgb, var(--surface-variant) 48%, transparent);--course-library-card-active-bg: color-mix(in srgb, var(--primary) 18%, var(--surface-variant));--course-library-card-text: var(--text);--course-library-card-muted: var(--muted);--course-library-card-subtle: color-mix(in srgb, var(--muted) 82%, #ffffff);--course-library-chip-bg: color-mix(in srgb, var(--surface) 78%, transparent);--course-library-cover-bg: color-mix(in srgb, var(--surface) 76%, transparent);--course-library-hero-bg: radial-gradient(circle at 95% 14%, rgb(255 255 255 / 8%) 0 9%, transparent 10%), linear-gradient(135deg, color-mix(in srgb, var(--surface-variant) 68%, #000000) 0%, color-mix(in srgb, var(--surface) 84%, #000000) 100%);--course-library-hero-text: #ffffff;--course-library-hero-muted: var(--muted);--course-library-hero-subtle: color-mix(in srgb, var(--muted) 86%, #ffffff);--course-library-brief-bg: color-mix(in srgb, var(--surface) 64%, transparent);--course-library-button-bg: color-mix(in srgb, var(--surface) 72%, transparent);--course-library-green-bg: rgb(92 173 125 / 18%);--course-library-green: #9ad8af;--course-library-primary-border: color-mix(in srgb, var(--primary) 44%, transparent);--course-library-primary-border-strong: color-mix(in srgb, var(--primary) 58%, transparent);--course-library-primary-border-soft: color-mix(in srgb, var(--primary) 40%, transparent);--course-library-hover-shadow: 0 12px 30px rgb(0 0 0 / 18%);--course-library-cover-shadow: 0 12px 24px rgb(0 0 0 / 24%)}.course-flashcard-shell{--course-content-bg: var(--surface);--course-content-surface: color-mix(in srgb, var(--surface-variant) 54%, transparent);--course-content-surface-strong: color-mix(in srgb, var(--surface-variant) 72%, transparent);--course-content-surface-soft: color-mix(in srgb, var(--surface-variant) 38%, transparent);--course-content-text: #ffffff;--course-content-muted: var(--muted);--course-content-subtle: color-mix(in srgb, var(--muted) 82%, #ffffff);--course-content-border: rgb(255 220 220 / 14%);--course-content-border-strong: rgb(255 220 220 / 20%);--course-content-green-bg: rgb(92 173 125 / 18%);--course-content-green: #9ad8af;--course-content-list-bg: rgb(85 68 68 / 36%);--course-content-primary-soft: rgb(255 138 138 / 14%);--course-content-option-bg: rgb(255 138 138 / 13%);--course-content-lookup-bg: color-mix(in srgb, var(--surface) 92%, #000000);--course-content-lookup-tag-bg: rgb(92 173 125 / 18%);--course-content-shadow: 0 14px 34px rgb(0 0 0 / 18%);--course-content-nav-bg: color-mix(in srgb, var(--surface) 86%, #ffffff);--course-content-nav-bg-hover: color-mix(in srgb, var(--surface) 76%, #ffffff);--course-content-nav-color: color-mix(in srgb, var(--primary) 68%, #ffffff);--course-content-nav-disabled: color-mix(in srgb, var(--muted) 45%, transparent);--course-content-focus-ring: rgb(255 138 138 / 24%)}.course-dialog-script{--course-dialog-bubble-bg: color-mix(in srgb, var(--surface-variant) 68%, #000000);--course-dialog-bubble-text: #fff7f7;--course-dialog-bubble-secondary-text: color-mix(in srgb, var(--muted) 86%, #ffffff)}.course-dialog-script--speaker-1{--course-dialog-accent: #91a7ff}.course-dialog-script--speaker-2{--course-dialog-accent: #69db7c}.course-dialog-script--speaker-3{--course-dialog-accent: #ffa94d}.course-dialog-script--speaker-4{--course-dialog-accent: #b197fc}.course-dialog-script--speaker-5{--course-dialog-accent: #63e6be}.course-dialog-script--speaker-6{--course-dialog-accent: #ffd43b}.course-dialog-script--speaker-7{--course-dialog-accent: #e599f7}.course-dialog-bubble,.course-role-play-script--selected .course-dialog-bubble{box-shadow:inset 3px 0 0 var(--course-dialog-accent),0 10px 24px #00000029}.course-role-play-script--selected .course-dialog-bubble{box-shadow:inset -3px 0 0 var(--course-dialog-accent),0 10px 24px #00000029}.success-line{border-color:#81c78457;background:#81c7841f;color:#9bd89f}.profile-dialog,.public-profile-dialog{--profile-accent: #7aaeff;--profile-cover-start: #31445d;--profile-cover-end: #5a4537;background:#382929;color:#fff7f7;box-shadow:0 28px 82px #00000057}.profile-sidebar-color,.profile-cover-band,.profile-edit-heading,.public-profile-cover{background:linear-gradient(135deg,#33475f,#4d4937 54%,#5a3b3b)}.profile-cover-card,.profile-section,.public-profile-hero,.public-profile-section{border-color:#ffdcdc29;background:#3b2b2b}.profile-info-row,.profile-certificate-row,.profile-empty-block,.profile-setting-row,.public-profile-event-row{background:#443232}.profile-stat-card{border:1px solid rgb(255 230 230 / 12%)}.profile-stat-card span{color:#f2c6c6}.profile-stat-card strong{color:#fff7f7}.profile-stat-card--blue{background:linear-gradient(135deg,#4c7bc65c,#3b2b2bf5)}.profile-stat-card--green{background:linear-gradient(135deg,#37976652,#3b2b2bf5)}.profile-stat-card--yellow{background:linear-gradient(135deg,#bd923757,#3b2b2bf5)}.profile-stat-card--rose{background:linear-gradient(135deg,#be535357,#3b2b2bf5)}.profile-stat-card--violet{background:linear-gradient(135deg,#8965cd5c,#3b2b2bf5)}.profile-stat-card--gray{background:linear-gradient(135deg,#7a71714d,#3b2b2bf5)}.public-profile-relation-button{border-color:#ffdcdc2e;background:#443232;color:#f3c5c5}.public-profile-relation-button--IsFriend{border-color:#ff7e7e6b;background:#b046462e;color:#ffb3b3}.public-profile-relation-button--Following{border-color:#53b87e6b;background:#53b87e29;color:#9be0b7}.public-profile-relation-button--Unfollowing{border-color:#ff7e7e70;background:#b04646;color:#fff7f7}.public-profile-chat-button,.public-profile-event-icon,.profile-certificate-icon{background:#7aaeff24;color:#93bdff}.profile-avatar-edit-shell:after{background:#0000007f}.profile-avatar-edit-icon{color:#fff7f7}.avatar-crop-dialog{border-color:#ffe6e62e;background:#302424;color:#fff7f7;box-shadow:0 28px 82px #00000061}.avatar-crop-frame{border-color:#ffe6e62e;background:linear-gradient(135deg,#2f4259,#4a4134 52%,#543333)}.avatar-crop-mask{border-color:#ffffffeb;box-shadow:0 0 0 999px #00000075,inset 0 0 0 1px #ffffff2e}}@media (max-width: 760px){.notification-drawer{top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;border-radius:20px;transform:none}.notification-workspace-header{grid-template-columns:auto minmax(0,1fr) auto;min-height:58px}.notification-workspace-title{grid-column:1 / 3;border-right:0;padding:12px 14px}.notification-workspace-current{display:none;grid-column:2;padding:10px 12px}.notification-workspace-back{display:none;grid-column:1;justify-self:start;width:40px;height:40px;min-height:40px;margin-left:10px}.notification-workspace-close{grid-column:3;width:40px;height:40px;min-height:40px;margin-right:10px}.notification-workspace-body{grid-template-columns:minmax(0,1fr)}.notification-workspace-sidebar,.notification-chat-panel{grid-column:1;grid-row:1;min-width:0}.notification-workspace-sidebar{border-right:0}.notification-workspace-body--master .notification-chat-panel,.notification-workspace-body--detail .notification-workspace-sidebar,.notification-drawer--detail .notification-workspace-title{display:none}.notification-drawer--detail .notification-workspace-current{display:grid}.notification-drawer--detail .notification-workspace-back{display:inline-flex}.notification-list{padding:12px}.notification-session-card{border-radius:16px}.notification-chat-scroll,.notification-history-list{padding:12px}.notification-chatbox{min-height:0}.room-course-list-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.room-course-browser{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.room-course-master{overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--separator);padding:10px}.room-course-master-list{display:flex;gap:8px;width:max-content}.room-course-master-cell{grid-template-columns:minmax(0,1fr) 34px;width:min(260px,72vw);min-height:112px;padding:12px}.room-course-master-copy strong{font-size:16px}.room-course-master-cell img,.room-course-master-cover{width:34px;height:46px}.room-course-detail{padding:12px}.room-course-detail-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:18px}.room-course-detail-copy h3{font-size:25px}.room-course-detail-brief{grid-template-columns:minmax(0,1fr)}.course-flashcard-meta{justify-content:flex-start}.course-flashcard-header-main,.course-flashcard-header-sub{grid-template-columns:minmax(0,1fr);align-items:start}.room-content-course-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 14px}.course-flashcard-actions,.course-flashcard-meta{justify-content:flex-start}.course-outline-dialog{width:min(720px,calc(100vw - 18px));height:min(820px,calc(100vh - 24px));max-height:calc(100vh - 24px)}.course-outline-dialog-header{align-items:flex-start}.course-outline-tab-list{overflow-x:auto}.course-outline-panel{padding:12px}.course-outline-detail-tab-list{overflow-x:auto;width:100%}.course-outline-activity{grid-template-columns:66px minmax(0,1fr) 20px}.course-outline-unit{grid-template-columns:34px minmax(0,1fr) 20px}.course-outline-unit small{display:none}.course-flashcard-content-title h3{overflow:visible;font-size:23px;text-overflow:clip;white-space:normal}.course-flashcard-title-eyebrow p{white-space:normal}.course-flashcard-title-icon{width:1em;height:1em}.course-dialog-avatar{width:34px;height:34px;font-size:13px}.course-dialog-avatar--compact{width:30px;height:30px}.course-dialog-bubble{min-width:min(100%,180px);max-width:calc(100% - 42px);padding:9px 10px 10px}.course-dialog-script-content{min-width:min(100%,180px);max-width:calc(100% - 42px)}.course-dialog-participants{grid-template-columns:minmax(0,1fr)}.course-dialog-script-heading{align-items:flex-start}.course-dialog-toggles{justify-content:flex-start}.course-role-play-active-header{align-items:stretch;flex-direction:column}.course-role-play-change-button{justify-self:start}.course-role-play-bubble{max-width:calc(100% - 42px)}.course-activity-card{gap:12px}.course-response-panel{padding:12px}.course-challenge-option{grid-template-columns:minmax(0,1fr)}.course-challenge-option-meta{justify-content:flex-start}.course-pronunciation-card{gap:12px}.course-pronunciation-recorder{padding:12px}.course-pronunciation-record-button{width:52px;height:52px;border-radius:18px}.course-pronunciation-playback{padding-left:0}.course-pronunciation-recording-actions{width:100%;padding-left:0}.course-pronunciation-actions{width:100%}.course-pronunciation-secondary,.course-pronunciation-stop,.course-pronunciation-evaluate{flex:1 1 120px}.course-lookup-panel dl{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.app-shell{padding-bottom:20px}.app-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 12px}.app-toolbar-brand{justify-content:flex-start}.app-toolbar-actions{justify-content:flex-end;width:auto}.app-toolbar-actions .room-state-pill{display:none}.avatar-crop-dialog{width:min(304px,calc(100vw - 16px));gap:14px;padding:8px;border-radius:20px}.avatar-crop-header{padding:2px 2px 0}.avatar-crop-actions{padding:0 2px 2px}.toolbar-account-button{max-width:136px}.toolbar-account-copy{max-width:76px}.workspace-shell{grid-template-columns:1fr;gap:12px;padding:12px 16px 0}.workspace-sidebar{position:static}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-nav-item{justify-content:center}.contact-team-cell{grid-template-columns:1fr}.contacts-topbar{align-items:stretch;flex-direction:column;padding:12px}.contacts-title-stack{width:100%}.contact-tab-list{width:100%;gap:16px}.contacts-actions{width:100%;margin-bottom:0}.contacts-actions .secondary-button{flex:1 1 0}.contact-team-cell{align-items:stretch}.contact-team-side{display:flex;justify-content:space-between;width:100%}.contact-team-cell .study-button{width:100%}.login-card{gap:18px}.workspace{gap:12px}.study-room-page{gap:12px;min-height:calc(100vh - 150px);margin-top:12px}.study-room-header{grid-template-columns:1fr;justify-items:stretch}.study-room-brand{order:-1;justify-content:flex-start}.study-room-brand h1{max-width:calc(100vw - 112px)}.room-state-pill{width:100%}.study-room-layout{grid-template-columns:1fr}.study-room-main{min-height:auto}.room-stage-toolbar{grid-template-columns:1fr;gap:10px}.room-tabs{justify-content:stretch}.room-tab{flex:1 1 0}.room-live-indicator{justify-content:center}.room-primary-actions{width:100%}.room-primary-actions .secondary-button,.room-primary-actions .danger-button{flex:1 1 150px;width:auto}.room-content-stage{min-height:520px;padding:10px}.course-flashcard-shell{min-height:500px;border-radius:0;padding:0}.course-flashcard-card{min-height:390px;border-radius:14px}.course-flashcard-card-stage{padding-inline:34px}.course-flashcard-nav-button{width:36px;height:36px}.course-flashcard-card--idle{padding:28px 16px}.course-flashcard-idle-copy h2{font-size:24px}.course-flashcard-card-header,.course-flashcard-scroll{padding-inline:16px}.course-flashcard-host-slot{padding-left:0}.flashcard-host-view{width:100%}.course-flashcard-scroll{padding-top:14px;padding-bottom:56px}.course-line p,.course-interactive-paragraph{font-size:15px}.course-line-main{--course-line-default-font-size: 15px}.course-lookup-panel>strong,.course-lookup-panel .course-lookup-source{font-size:19px}.course-lookup-modal-overlay{align-items:end;padding:12px}.course-lookup-modal{max-height:min(78dvh,640px)}.course-lookup-modal .course-lookup-panel{max-height:none}.course-read-item,.course-line-main,.course-question-option{grid-template-columns:minmax(0,1fr)}.course-line-indicator,.course-question-option>strong{justify-self:start}.course-audio-control{width:100%}.flashcard-preview-header{align-items:flex-start;flex-direction:column}.flashcard-preview-actions{width:100%}.flashcard-preview-actions .secondary-button{flex:1 1 auto;width:auto}.room-course-store-header{grid-template-columns:44px minmax(0,1fr) auto}.room-course-store-header img,.room-course-store-cover{width:44px;height:44px}.room-course-unit-list,.room-course-lesson-list{padding-left:6px}.room-course-list-item{grid-template-columns:auto minmax(0,1fr)}.room-course-list-item em{grid-column:2;justify-self:start}.flashcard-preview{min-height:440px;padding:14px}.flashcard-preview-body{padding:24px 10px}.flashcard-preview-body h2{font-size:24px}.course-progress-line{grid-template-columns:1fr}.workspace-summary,.workspace-summary:has(.voice-panel){grid-template-columns:1fr}.workspace-header,.account-panel,.section-header,.team-cell:not(.team-cell--compact){align-items:stretch;grid-template-columns:1fr}.account-actions{align-items:stretch;flex-direction:column;width:100%}.profile-dialog{top:12px;right:12px;bottom:12px;left:12px;width:auto;height:auto;max-height:none;border-radius:22px;transform:none}.profile-modal{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.profile-sidebar{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:12px;border-right:0;border-bottom:1px solid var(--separator);padding:12px}.profile-sidebar-color{grid-row:1 / 3;width:86px;min-height:98px;border-radius:18px}.profile-sidebar-user{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:0;padding:0}.profile-sidebar-avatar{width:54px;height:54px;font-size:20px}.profile-tab-list{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.profile-tab-trigger{flex:0 0 auto;min-height:40px}.profile-edit-panel{min-height:0;border-radius:20px;padding:14px}.profile-edit-heading{align-items:flex-start;flex-direction:column;min-height:128px;padding:18px}.profile-edit-avatar{width:68px;height:68px;font-size:24px}.profile-edit-form{padding:14px}.profile-sidebar-status{display:none}.profile-main-header{align-items:stretch;padding:16px 16px 10px}.profile-tab-stage{padding:0 16px 16px}.profile-summary-grid,.profile-field-grid{grid-template-columns:1fr}.public-profile-dialog{top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none;border-radius:20px;transform:none}.public-profile-header{padding:16px 16px 12px}.public-profile-body{padding:14px 16px 16px}.public-profile-hero-body{grid-template-columns:1fr;justify-items:center;text-align:center}.public-profile-actions{justify-content:center;padding-bottom:0}.public-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-profile-event-row{grid-template-columns:auto minmax(0,1fr)}.public-profile-event-row time{grid-column:2;max-width:none;text-align:left}.notification-drawer{top:8px;right:8px;bottom:8px;left:8px;grid-template-rows:auto minmax(0,1fr);width:auto;height:auto;max-height:none;border-radius:20px;transform:none}.notification-workspace-header{grid-template-columns:auto minmax(0,1fr) auto;gap:0;padding:0}.notification-workspace-title{grid-column:1 / 3;border-right:0;padding:12px 14px}.notification-workspace-current{display:none;grid-column:2;padding:10px 12px}.notification-workspace-close{grid-column:3;width:40px;height:40px;min-height:40px;margin-right:10px}.notification-workspace-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.notification-workspace-sidebar{border-right:0;border-bottom:0}.notification-drawer--detail .notification-workspace-title{display:none}.notification-drawer--detail .notification-workspace-current{display:grid}.notification-drawer--detail .notification-workspace-back{display:inline-flex}.notification-workspace-body--master .notification-chat-panel,.notification-workspace-body--detail .notification-workspace-sidebar{display:none}.notification-chat-dialog{top:auto;right:12px;bottom:12px;left:12px;width:auto;height:min(720px,calc(100vh - 24px));border-radius:18px;transform:none}.notification-chat-dialog-header{padding:14px 16px}.notification-chat-scroll{padding:12px 10px 16px}.notification-chat-composer{gap:7px;padding:9px 10px}.notification-chat-action-toggle,.notification-chat-send-button{width:38px;min-width:38px;height:38px}.notification-chat-composer-shell--actions-open .notification-chat-action-panel{padding:9px 10px 12px}.notification-chat-action-panel{gap:10px}.notification-chat-action-item{flex-basis:78px;width:78px;min-height:72px;border-radius:8px;padding:8px 6px}.chat-bubble-stack{max-width:calc(100vw - 86px)}.chat-bubble-row--self .chat-bubble-stack,.chat-bubble-stack--other{max-width:calc(100vw - 44px)}.chat-image-message,.chat-media-placeholder,.chat-audio-message,.chat-invitation-card,.chat-attachment-card{width:min(100%,300px)}.chat-image-viewer-dialog{top:12px;right:12px;bottom:12px;left:12px}.chat-image-viewer-frame{border-radius:10px}.chat-image-viewer-nav{width:40px;height:40px}.chat-image-viewer-nav--previous{left:8px}.chat-image-viewer-nav--next{right:8px}.join-dialog,.create-team-dialog{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:calc(100vh - 24px);border-radius:18px;transform:none}.form-field,.form-field--inline,.criteria-card .form-field,.criteria-card .form-field--inline{grid-template-columns:1fr}.form-field:has(.textarea-input)>span{padding-top:0}.criteria-card{margin-left:0}.profile-dialog-actions{align-items:stretch}.profile-dialog-actions .icon-button{align-self:stretch;width:42px;min-width:42px}.profile-field-grid{grid-template-columns:1fr}.profile-cover-body{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-card-edit{width:100%}.workspace-header,.section-header{flex-direction:column}.workspace-brand,.voice-main{justify-content:center;text-align:center}.join-tools{grid-template-columns:1fr}.dialog-footer-actions{align-items:stretch;flex-direction:column-reverse}.dialog-footer-actions .secondary-button,.dialog-footer-actions .study-button{width:100%}.search-team-cell,.search-team-cell--preview,.invite-team-cell{grid-template-columns:minmax(0,1fr) auto;align-items:start}.search-team-side{justify-items:end}.search-team-action{grid-column:1 / -1}.section-actions{width:100%}.status-pill,.secondary-button,.study-button,.join-button,.danger-button{justify-content:center;width:100%}.icon-button{width:42px;min-width:42px}.account-panel,.team-cell:not(.team-cell--compact){display:grid;text-align:center;justify-items:center}.team-cell--compact{grid-template-columns:auto minmax(0,1fr) auto;text-align:left}.team-info{justify-items:center;width:100%}.team-cell--compact .team-info{justify-items:start}.team-info h3,.team-info p,.search-team-copy h3,.search-team-copy p{white-space:normal}.team-meta,.voice-actions,.voice-metrics,.invite-meta{justify-content:center}}
