.lesson-name{flex:1 1;min-width:0;overflow-wrap:anywhere}.lesson-name small{display:block;margin-top:4px}.lesson-edit-actions{padding:0 20px 12px}.course-material-row{margin-bottom:16px}.course-material-row>.actions{flex-wrap:wrap}.conversation-unread{display:block;margin-top:6px;margin-inline-start:auto;width:max-content;min-width:20px;padding:2px 6px;border-radius:20px;background:var(--brand);color:var(--on-brand,#fff);font-weight:700;font-size:11px;text-align:center}.message-menu[open]>.message-menu-items{max-height:240px}.chat-tools+.chat-pins[hidden]{display:none}:root[data-theme=dark] .conversation-unread{color:#0c2026}.student-class-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.student-class-tabs>button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--muted);font-size:14px}.student-class-tabs>button.selected{border-color:var(--brand);background:var(--tint);color:var(--ink)}.student-class-tabs strong{display:grid;place-items:center;min-width:23px;padding:1px 5px;border-radius:5px;background:var(--surface2);color:var(--ink);font-size:12px}.student-class-section+.student-class-section{margin-top:18px}.finance-tabs{display:grid;grid-template-columns:repeat(var(--section-count,4),minmax(0,1fr));gap:6px;padding:6px;margin-bottom:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);min-width:0}.finance-section-picker{display:none}.course-editing-toggle{max-width:100%;min-height:44px;white-space:normal;line-height:1.4}.course-editing-toggle>span{min-width:0;overflow-wrap:anywhere}.editing-switch-track{display:block;position:relative;flex:none;width:38px;height:22px;border-radius:20px;background:var(--line);border:1px solid color-mix(in srgb,var(--muted) 45%,var(--surface))}.editing-switch-track:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .18s ease}.course-editing-toggle[aria-checked=true] .editing-switch-track{background:var(--brand);border-color:var(--brand)}.course-editing-toggle[aria-checked=true] .editing-switch-track:before{transform:translateX(16px);background:var(--surface)}@media(prefers-reduced-motion:reduce){.editing-switch-track:before{transition:none}}.lesson-list .lesson-link{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font-size:15px;text-decoration:none}.lesson-list .lesson-link:hover{background:var(--surface2);color:var(--brand)}.material-new-tab{display:flex;align-items:center;gap:12px;padding:16px;color:var(--ink);text-decoration:none}.material-new-tab>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.material-new-tab small,.material-new-tab strong{display:block}.material-new-tab small{margin-top:4px}.material-new-tab:hover{border-color:var(--brand);text-decoration:none}.course-file-preview{min-width:0;background:var(--surface2)}.course-file-frame{display:block;width:100%;height:74dvh;min-height:400px;border:0;background:#fff}.course-file-image{display:block;max-width:100%;max-height:78dvh;width:auto;height:auto;object-fit:contain;margin:0 auto}.course-file-video{display:block;width:100%;max-height:78dvh;background:#000}.course-file-audio{display:block;width:calc(100% - 32px);margin:16px}.course-content-viewer .lesson-text{margin:0}.course-content-viewer .lesson-text .reading:empty{display:none}.teacher-filters{align-items:flex-end}.teacher-filters>.field{min-width:150px;flex:1 1}.teacher-filters>.teacher-search{flex:2 1;min-width:min(260px,100%)}.teacher-filters input,.teacher-filters select{width:100%;max-width:100%;min-width:0}.finance-tabs>button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:52px;padding:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:16px;font-weight:650;line-height:1.4;text-align:center;white-space:normal}.finance-tabs>button>span{min-width:0;overflow-wrap:anywhere}.finance-tabs>button>.icon{width:19px;height:19px}.finance-tabs>button:hover,.finance-tabs>button[aria-current=page]{background:var(--surface);color:var(--ink)}.finance-tabs>button[aria-current=page]{border-color:var(--brand);box-shadow:0 2px 5px #00000009}.finance-tabs>button[aria-current=page]>.icon{color:var(--brand)}.post-collection[data-view-collection^=blogs-][data-view-mode=list]{display:grid;gap:16px;padding:18px;min-width:0}.post-collection[data-view-collection^=blogs-][data-view-mode=list]>.post{min-width:0;margin:0;padding:22px;border:1px solid color-mix(in srgb,var(--muted) 42%,var(--surface));border-radius:14px;background:var(--surface);overflow-wrap:anywhere}.post-collection[data-view-collection^=blogs-][data-view-mode=list] .post-footer{flex-wrap:wrap;gap:12px}@media(max-width:700px){.finance-tabs{display:none}.finance-section-picker{display:block;width:100%;min-width:0;min-height:44px;margin-bottom:20px;font-size:16px;background:var(--surface);border-color:var(--line)}.post-collection[data-view-collection^=blogs-][data-view-mode=list]{padding:12px;gap:12px}.post-collection[data-view-collection^=blogs-][data-view-mode=list]>.post{padding:16px}}.chat-composer{position:relative}.chat-composer-emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:min(360px,calc(100% - 24px));max-height:220px;overflow:auto;position:absolute;bottom:calc(100% + 6px);left:12px;z-index:25;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.chat-composer-emojis[hidden]{display:none}.chat-composer-emojis>button{display:grid;place-items:center;min-width:0;min-height:36px;padding:4px;border:0;border-radius:7px;background:transparent;font-size:24px;line-height:1.2}.chat-composer-emojis>button:hover{background:var(--tint)}.chat-emoji-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-height:260px;overflow:auto;gap:7px}.chat-emoji-picker>.icon-button{width:100%;min-height:40px;height:auto}.chat-header-options{position:relative;order:2;flex:none}.chat-header-options>summary{display:grid;place-items:center;width:34px;height:34px;list-style:none;color:var(--muted);border-radius:7px}.chat-header-options>summary::-webkit-details-marker{display:none}.chat-header-options-items{position:absolute;inset:calc(100% + 6px) 0 auto auto;z-index:40;min-width:200px;max-width:min(260px,80vw);padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.chat-header-options-items>.btn{display:flex;justify-content:flex-start;width:100%;text-align:left;white-space:normal;border:0;padding:10px;background:transparent;color:var(--ink)}.chat-header{flex-wrap:nowrap!important}.chat-header>.chat-heading{flex:1 1;min-width:0}.chat-header>.actions{flex:none;max-width:none!important;flex-wrap:nowrap}.chat-header .live-status{font-size:11px;white-space:nowrap}.chat-header h2{font-size:18px}.chat-header p{font-size:12px}.post-collection[data-view-mode=grid]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;padding:18px;align-items:start}.post-collection[data-view-mode=grid]>.post{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:18px;margin:0;background:var(--surface)}.post-collection[data-view-mode=grid]>.post>.record-cover{margin:-18px -18px 18px;width:calc(100% + 36px);aspect-ratio:16/9;height:auto}.post-collection[data-view-mode=grid]>.post .reading{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.post-collection[data-view-mode=grid]>.post .post-footer{flex-wrap:wrap;gap:12px}.post-collection[data-view-mode=grid] .vote{flex-wrap:wrap}.post-collection .post-read{margin-top:12px}.groups-collection>.course-card{border:1px solid color-mix(in srgb,var(--muted) 38%,var(--surface));border-radius:16px;overflow:hidden;background:var(--surface)}.groups-collection .course-body{padding:20px}.groups-collection .record-cover{border-radius:0}.groups-collection[data-view-mode=list]>.course-card{border-radius:14px}.chat-shell .chat-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.chat-tools span>.btn,.chat-tools>.btn{font-size:12px;padding:5px 9px;min-height:30px}.chat-tools [data-chat-tools-extra]{margin-left:auto}.chat-pins{display:grid;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:5px 12px}.chat-pins[hidden]{display:none}.chat-pins>button{display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;color:var(--ink);padding:5px;min-width:0;font-size:13px}.chat-pins>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pins .icon{width:15px;height:15px}.bubble{padding:8px 12px 10px!important;max-width:min(78%,580px)}.bubble-head{display:flex;align-items:center;gap:14px;margin-bottom:4px;min-width:0}.bubble-head .chat-author{margin:0;padding:0;min-width:0;overflow-wrap:anywhere;font-size:13px}.bubble-meta{display:flex;align-items:center;gap:5px;margin-inline-start:auto;flex:none;color:var(--muted);font-size:11px}.bubble-meta time{white-space:nowrap}.bubble-meta>.icon,.chat-send-status .icon{width:12px;height:12px}.bubble-meta small{font-size:11px}.chat-send-status.seen{color:var(--brand)}.bubble-head .message-menu{position:relative;inset:auto;margin:0}.message-menu>summary{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;list-style:none;color:var(--muted)}.message-menu>summary::-webkit-details-marker{display:none}.message-menu>summary .icon{width:16px;height:16px}.message-menu-items{z-index:15;max-height:330px;overflow:auto}.message-menu-items>.btn{display:flex;justify-content:flex-start;width:100%;white-space:nowrap}.message-menu-items>.btn .icon{width:15px;height:15px}.chat-quote{display:block;width:100%;padding:8px 10px;margin:6px 0;border:0;border-inline-start:3px solid var(--brand);background:var(--tint);color:var(--ink);text-align:left;border-radius:5px}.chat-quote span,.chat-quote strong{display:block;font-size:12px}.chat-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.chat-reactions>button{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font-size:12px;padding:3px 8px}.chat-reactions>button.mine{border-color:var(--brand);background:var(--tint)}.chat-forwarded{display:flex;align-items:center;gap:5px;font-size:11px;font-style:italic;margin:4px 0}.chat-forwarded .icon{width:12px;height:12px}.chat-reply-preview{display:flex;gap:10px;align-items:center;padding:9px 12px;background:var(--tint);border-inline-start:3px solid var(--brand);border-radius:6px;margin-bottom:8px}.chat-reply-preview[hidden]{display:none}.chat-reply-preview>div{min-width:0;flex:1 1}.chat-reply-preview span,.chat-reply-preview strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search-result{display:grid;gap:5px;width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;background:transparent;color:var(--ink)}.chat-search-result span{white-space:pre-wrap;overflow-wrap:anywhere}.chat-highlight .bubble{outline:2px solid var(--brand)}.chat-emoji-picker{display:flex;gap:8px;flex-wrap:wrap}.chat-emoji-picker>button{font-size:24px}.chat-result p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}@media(max-width:600px){.post-collection[data-view-mode=grid]{padding:12px;grid-template-columns:1fr}.groups-collection .course-body{padding:16px}.bubble{max-width:94%}.bubble-head{gap:8px;flex-wrap:wrap}.bubble-meta{gap:3px}.chat-tools{gap:4px}.chat-tools span>.btn,.chat-tools>.btn{font-size:11px;padding:5px 7px}.chat-tools>.btn .icon{width:14px;height:14px}}.course-outline{display:grid;gap:18px;margin-top:22px;min-width:0}.course-section{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;min-width:0}.course-section>summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none;background:color-mix(in srgb,var(--brand) 4%,var(--surface));color:var(--ink)}.course-section>summary::-webkit-details-marker{display:none}.course-section>summary>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}.course-section-count{margin-inline-start:auto;color:var(--muted);font-size:13px}.course-section>summary>.icon{width:16px;transition:transform .15s}.course-section[open]>summary>.icon{transform:rotate(180deg)}.course-overview{padding:18px 20px;margin:0;border-top:1px solid var(--line);overflow-wrap:anywhere}.course-resource-list{list-style:none;padding:0 20px;margin:0}.course-resource-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);min-width:0}.course-resource-row:last-child{border-bottom:0}.course-resource-row>.lesson-link{display:flex;flex:1 1;align-items:center;gap:13px;min-width:0;padding:16px 0;border:0;background:none;color:var(--ink);text-decoration:none}.course-resource-row>.lesson-link:hover .lesson-name strong{color:var(--brand)}.course-resource-row .lesson-name{flex:1 1;min-width:0;display:grid;gap:4px}.course-resource-row .lesson-name strong{font-size:15px;overflow-wrap:anywhere}.course-resource-row .lesson-name small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.course-resource-row .lesson-link>.icon{width:16px;flex:none;color:var(--muted)}.resource-type-icon{display:grid;place-items:center;flex:none;width:40px;height:44px;border-radius:10px;background:var(--tint);color:var(--brand)}.resource-type-pdf{color:#b74343;background:color-mix(in srgb,#b74343 10%,var(--surface))}.resource-type-video{color:#7663b4;background:color-mix(in srgb,#7663b4 12%,var(--surface))}.resource-type-icon .icon{width:21px;height:21px}.resource-actions{display:flex;align-items:center;gap:3px;flex:none}.resource-actions .icon-button{width:34px;height:34px;min-height:34px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.resource-actions .icon-button:disabled{opacity:.3;cursor:default}.resource-actions .icon-button:hover:not(:disabled),.resource-actions .is-complete{background:var(--tint);color:var(--brand)}.course-section-footer{padding:14px 20px;border-top:1px solid var(--line)}.course-section-empty{padding:20px;color:var(--muted);margin:0}.course-upload-limits{display:flex;align-items:flex-start;gap:9px;margin:0;color:var(--muted);font-size:13px}.course-upload-limits>.icon{width:18px;flex:none}.course-text-note{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;line-height:1.8}.teaching-editor{border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;margin-top:18px}.teaching-editor legend{font-weight:700;padding:0 7px}.teaching-editor-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.4fr) auto;align-items:end;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.teaching-editor-row .field{min-width:0}.teaching-editor-row input:not([type=checkbox]){width:100%;min-width:0}.teaching-classes{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;min-width:0}.teaching-classes legend{font-size:13px;margin-bottom:7px;padding:0;font-weight:500}.teaching-classes label{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.teaching-classes input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--brand)}.teaching-summary{display:flex;flex-wrap:wrap;gap:6px;max-width:400px;min-width:0}.teaching-summary>span{display:grid;gap:2px;max-width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--tint);overflow-wrap:anywhere;white-space:normal}.teaching-summary strong{font-size:13px}.teaching-summary small{margin:0!important;font-size:12px!important;color:var(--muted)}td.teacher-levels,td.teacher-subjects{white-space:normal;min-width:135px;max-width:320px;overflow-wrap:anywhere}.post-collection[data-view-collection^=blogs-][data-view-mode]>.post{background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-color:color-mix(in srgb,var(--brand) 22%,var(--line));box-shadow:0 3px 12px #00000005}.chat-shell .message-menu>summary{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.chat-shell .message-menu>summary .icon{width:18px;height:18px;stroke-width:2}.chat-shell .message-menu>summary:hover,.chat-shell .message-menu[open]>summary{background:var(--tint);color:var(--brand)}.chat-shell .message-menu-items{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 26px #0003}.chat-shell .message-menu-items>.btn{color:var(--ink);background:transparent;min-height:40px;opacity:1}.chat-shell .message-menu-items>.btn:hover{background:var(--tint)}.chat-shell .message-menu-items>.danger{color:var(--danger,#c84848)}.chat-shell .chat-composer .icon-button,.chat-shell .chat-header .icon-button,.chat-shell .chat-tools .btn{color:var(--ink);border-color:var(--line);background:var(--surface);opacity:1}.chat-shell .chat-reactions>button{color:var(--ink)}.chat-shell .chat-quote{border-inline-start-color:var(--brand)}@media(max-width:600px){.course-section>summary{padding:15px}.course-resource-list{padding:0 14px}.course-resource-row{flex-wrap:wrap;gap:0}.course-resource-row>.lesson-link{flex-basis:100%;padding:13px 0}.course-resource-row .resource-actions{margin:0 0 12px 53px;flex-wrap:wrap}.course-resource-row .resource-actions:has(.resource-complete){margin:0 0 10px auto}.course-section-footer{padding:12px 14px}.course-overview{padding:15px}.teaching-editor{padding:12px}.teaching-editor-row{grid-template-columns:minmax(0,1fr) auto}.teaching-editor-row>.field{grid-column:1/-1}.teaching-summary{max-width:260px}}.chat-shell .chat-header-options>summary{color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer}.chat-shell .chat-header-options>summary:hover{background:var(--tint);color:var(--brand)}.chat-shell .chat-header-options-items>.btn:hover{background:var(--tint)}[data-theme=dark] .resource-type-pdf{color:#f18a8a}[data-theme=dark] .resource-type-video{color:#b7a5ef}.interactive-card{position:relative;isolation:isolate;cursor:pointer}.interactive-card .course-body{position:static}.card-open-link{color:inherit;text-decoration:none;background:transparent;border:0;padding:0;font:inherit;text-align:start;cursor:pointer;overflow-wrap:anywhere}.card-open-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.interactive-card .cover-edit{z-index:3}.interactive-card .card-secondary-actions{position:relative;z-index:auto;width:max-content;max-width:100%;margin-top:14px}.interactive-card:focus-within,.interactive-card:has(.card-open-link:hover){border-color:var(--brand);box-shadow:0 5px 20px color-mix(in srgb,var(--brand) 12%,transparent)}.card-open-link:focus-visible{outline:0}.card-open-link:focus-visible:after{box-shadow:inset 0 0 0 2px var(--brand)}.interactive-card .course-footer>.icon{width:18px;height:18px;color:var(--brand)}.notice-title{display:flex;align-items:center;gap:16px;width:100%;padding:19px 22px;border:0;background:transparent;text-align:start;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;line-height:1.6}.notice-title>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.notice-title>.icon{width:17px;height:17px;flex:none;color:var(--brand)}.notice-title:hover{background:var(--tint)}.notice-title:focus-visible{outline:2px solid var(--brand);outline-offset:-3px;border-radius:8px}.notice-list>.notice-title+.notice-title,.notice-list>div+div{border-top:1px solid var(--line)}.notice-reader .reading{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;line-height:1.8}.notice-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.notice-reader>.actions{margin-top:22px}.modal-head h2{overflow-wrap:anywhere;min-width:0}.modal-head>[data-close]{flex:none}@media(max-width:600px){.notice-title{padding:16px;font-size:16px;gap:12px}}.course-resource-row:has(.resource-complete){flex-wrap:nowrap;gap:10px}.course-resource-row:has(.resource-complete)>.lesson-link{flex:1 1;flex-basis:auto;min-width:0}.course-resource-row .resource-actions:has(.resource-complete){margin:0;align-self:center}.resource-actions .resource-complete{display:grid;place-items:center;flex:none;padding:0}.resource-complete>.icon{display:block;width:18px;height:18px;margin:0}.interactive-card .card-secondary-actions:has(button){z-index:2}.resource-actions .icon-button{display:grid;place-items:center;padding:0;box-sizing:border-box;line-height:1;flex:none}.resource-actions .icon-button>.icon{display:block;width:18px;height:18px;margin:0;stroke-width:1.8}.resource-edit-actions{display:grid;grid-template-columns:repeat(4,36px);gap:6px;align-self:center}.resource-edit-actions .icon-button{width:36px;height:36px;min-height:36px}@media(max-width:600px){.course-resource-row:has(.resource-edit-actions){display:grid;grid-template-columns:minmax(0,1fr);gap:0}.course-resource-row:has(.resource-edit-actions)>.lesson-link{width:100%;min-width:0}.course-resource-row>.resource-edit-actions{justify-self:end;margin:0 0 12px;flex-wrap:nowrap}}.activity-feed{padding:18px 22px;min-width:0}.activity-filters{display:grid;align-items:end;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:16px}.activity-filters label{display:grid;gap:5px;font-size:13px;min-width:0}.activity-filters input,.activity-filters select{width:100%;min-width:0;height:42px;min-height:42px;font-size:14px}.activity-filters .activity-search{grid-column:1/-1;position:relative;display:block}.activity-search>.icon{position:absolute;inset-inline-start:12px;top:12px;color:var(--muted);pointer-events:none}.activity-search input{padding-inline-start:38px}.activity-feed .activity{padding:15px 0;align-items:flex-start;min-width:0}.activity-feed .activity>div{min-width:0}.activity-feed .activity p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}.activity-feed .activity small{font-size:12px}.activity-feed .dot{flex:none;margin-top:9px}.activity-feed-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);flex-wrap:wrap}.activity-feed-footer .link-button{display:flex;align-items:center;gap:6px}.activity-feed-empty{padding:26px 0;color:var(--muted);line-height:1.7}.activity-feed-full .activity-filters{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(200px,2fr)}.activity-feed-full .activity-search{grid-column:auto}.activity-feed [aria-busy=true]{opacity:.65}@media(max-width:650px){.activity-feed{padding:16px}.activity-feed-full .activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-feed-full .activity-search{grid-column:1/-1}.activity-feed-footer .actions{flex-wrap:wrap}.activity-feed .activity p{font-size:15px}}.teacher-payment-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-payment-filters>.field{flex:1 1;min-width:160px}.teacher-ledger-help{padding:15px 18px;border:1px solid var(--line);border-inline-start:3px solid var(--brand);border-radius:10px;background:var(--tint);color:var(--ink);font-size:14px;line-height:1.7;margin:0 0 22px}.teacher-entry-total{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin:18px 0;border-radius:12px;background:var(--tint);border:1px solid var(--line);color:var(--ink);flex-wrap:wrap}.teacher-entry-total strong{font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.teacher-class-category,.teacher-class-remarks{white-space:normal;min-width:130px;max-width:260px;overflow-wrap:anywhere}.numeric{text-align:end;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.teacher-payment-filters select{width:100%;min-width:0}.activity p{overflow-wrap:anywhere;line-height:1.6}.teacher-payment-stats .stat{min-width:0}.teacher-payment-stats .stat strong{overflow-wrap:anywhere}@media(max-width:650px){.teacher-payment-stats{grid-template-columns:1fr}.teacher-payment-filters>.field{min-width:100%}.teacher-entry-total{padding:14px}.teacher-entry-total strong{font-size:22px}}.payment-detail-toolbar,.payment-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.payment-month-picker{width:210px;max-width:100%}.payment-month-picker select{width:100%}.payment-overview-heading>p{max-width:55ch;line-height:1.7}.payment-detail-metrics,.payment-overview-total{display:flex;gap:40px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.payment-detail-metrics>div,.payment-overview-total>div{display:grid;gap:5px}.payment-detail-metrics strong,.payment-overview-total strong{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payment-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.payment-person-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;min-width:0;transition:border-color .15s}.payment-person-card:hover{border-color:var(--brand)}.payment-card-open{padding:22px;display:grid;gap:24px;color:var(--ink)}.payment-card-open:hover{text-decoration:none}.payment-person{display:flex;align-items:center;gap:12px;min-width:0}.payment-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--tint);color:var(--brand);font-weight:700;flex:none;font-size:21px}.payment-person>span:last-child{min-width:0}.payment-person strong{display:block;font-size:18px;overflow-wrap:anywhere}.payment-person small{display:block;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.payment-card-amount{display:grid;gap:6px}.payment-card-amount strong{font-size:30px;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.payment-card-footer{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:14px}.payment-card-footer>span:last-child{display:flex;align-items:center;gap:5px;color:var(--brand)}.payment-card-controls{border-top:1px solid var(--line);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.payment-card-controls .actions{gap:6px}.payment-card-controls .btn{font-size:12px;min-height:34px;padding:7px 9px}.payment-matrix-wrap{overflow:auto;max-width:100%;isolation:isolate;scrollbar-width:thin;scrollbar-color:var(--brand) var(--surface2)}.payment-matrix{border-collapse:separate;border-spacing:0;min-width:1240px;width:100%;font-size:14px}.payment-matrix td,.payment-matrix th{min-width:90px;padding:16px 12px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--line);border-inline-end:1px solid color-mix(in srgb,var(--line) 55%,transparent);white-space:normal}.payment-matrix th{background:var(--surface2);font-weight:600;line-height:1.5}.payment-matrix th small{display:block;font-size:12px;font-weight:500}.payment-matrix .payment-date-col{position:sticky;inset-inline-start:0;background:var(--surface);width:115px;min-width:115px;z-index:1;border-inline-end:1px solid var(--line);text-align:start}.payment-matrix thead .payment-date-col{background:var(--surface2);z-index:2}.payment-matrix tr:hover td{background:var(--tint)}.payment-matrix tfoot th{padding:16px;text-align:end}.payment-matrix tfoot td{background:var(--surface2)}.payment-cell-content{display:block;min-width:65px;line-height:1.6}.payment-cell-content+.payment-cell-content{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.payment-cell-content small{display:block;font-size:11px}.payment-no-class{font-size:21px;color:var(--muted)}.payment-scroll-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:12px 0 20px}.payment-register-footer{padding:20px 22px;background:var(--tint);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.payment-register-footer p{max-width:64ch;font-size:14px}.payment-register-footer .btn{flex:none}.payment-entry-groups{display:grid;gap:12px;margin-top:18px}.payment-entry-group{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.payment-group-toggle{display:flex;gap:12px;align-items:center;padding:16px;cursor:pointer;font-size:16px;line-height:1.5}.payment-group-toggle input,.payment-subjects input{min-height:0;width:18px;height:18px;flex:none;accent-color:var(--brand)}[data-group-slots]{padding:0 18px 18px}.payment-entry-slot{display:grid;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.payment-slot-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:12px;align-items:end}.payment-slot-fields input{width:100%;min-width:0}.payment-slot-fields .icon-button{margin-bottom:3px}.payment-subjects{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.payment-subjects legend{font-size:14px;margin-bottom:10px}.payment-subjects label{display:grid;grid-template-columns:18px 1fr;column-gap:7px;padding:9px 8px;border:1px solid var(--line);border-radius:8px;font-size:14px;align-items:center;cursor:pointer}.payment-subjects label:has(input:checked){border-color:var(--brand);background:var(--tint)}.payment-subjects label small{grid-column:2;font-size:11px;overflow-wrap:anywhere}.payment-entry-slot>.field input{width:100%}.payment-detail-toolbar .actions{max-width:100%;flex-wrap:wrap}@media(max-width:1100px){.payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.payment-card-grid{grid-template-columns:1fr}.payment-card-open{padding:20px;gap:20px}.payment-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-detail-toolbar{align-items:flex-start}.payment-register-footer{padding:18px}.payment-register-footer>.btn{width:100%;white-space:normal}.payment-detail-metrics,.payment-overview-total{gap:24px}.payment-matrix td,.payment-matrix th{padding:13px 10px}.payment-matrix .payment-date-col{min-width:95px;width:95px}.payment-slot-fields{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}[data-group-slots]{padding:0 12px 12px}.payment-group-toggle{padding:14px}.payment-detail-toolbar>.payment-month-picker{width:100%}}.teacher-payments-page{min-width:0;max-width:1600px;margin-inline:auto}.teacher-payments-page>.page-head{align-items:center;margin-bottom:24px}.teacher-payments-page>.page-head .actions{flex-wrap:wrap;gap:8px}.pay-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:0;padding:28px 30px;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:20px;background:linear-gradient(115deg,var(--surface),color-mix(in srgb,var(--tint) 70%,var(--surface)));position:relative;overflow:hidden}.pay-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.pay-hero-copy,.pay-teacher-identity>div{min-width:0}.pay-eyebrow{display:flex;align-items:center;gap:8px;color:var(--brand);font-size:13px;font-weight:650;line-height:1.5;letter-spacing:.3px;margin-bottom:10px}.pay-eyebrow>.icon{width:17px;height:17px}.pay-hero h2{font-size:clamp(24px,2.4vw,32px);line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.pay-hero p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:9px;max-width:65ch;overflow-wrap:anywhere}.pay-hero-settings{flex:none;min-width:0;display:grid;gap:12px;align-self:center}.pay-hero .payment-month-picker{width:220px}.pay-hero .field{margin:0;font-size:13px;gap:6px}.pay-hero .field select{height:44px;min-height:44px;font-size:15px;background:var(--surface)}.pay-hero-status{display:flex;justify-content:flex-end}.pay-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px;min-width:0}.pay-metric{display:flex;align-items:flex-start;gap:13px;padding:22px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);min-width:0}.pay-metric-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--surface2);color:var(--muted)}.pay-metric-icon>.icon{width:19px;height:19px}.pay-metric>div{display:grid;gap:9px;min-width:0}.pay-metric small{font-size:13px;line-height:1.5}.pay-metric strong{font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pay-metric.is-featured{background:var(--tint);border-color:color-mix(in srgb,var(--brand) 26%,var(--line))}.pay-metric.is-featured .pay-metric-icon{background:var(--surface);color:var(--brand)}.pay-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-directory{min-width:0}.pay-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.pay-directory-head h2{font-size:21px;line-height:1.4}.pay-directory-head p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:6px;max-width:68ch}.pay-directory-count{font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 12px;flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay-card-filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px;min-width:0}.pay-card-search{position:relative;flex:1 1;min-width:0}.pay-card-search>.icon{position:absolute;left:14px;top:13px;color:var(--muted);width:18px;height:18px;pointer-events:none}.pay-card-search input{width:100%;min-width:0;padding-inline-start:42px;height:44px;min-height:44px;background:var(--surface);font-size:14px}.pay-card-filters>.field{width:220px;max-width:100%;margin:0;gap:5px;font-size:13px;flex:none}.pay-card-filters select{width:100%;height:44px;min-height:44px;font-size:14px;background:var(--surface)}.teacher-payments-page .payment-card-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.teacher-payments-page .payment-person-card{position:relative;overflow:visible;border-radius:18px;box-shadow:0 3px 14px #0c202604;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.teacher-payments-page .payment-person-card[hidden]{display:none}.teacher-payments-page .payment-person-card:hover{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));box-shadow:0 8px 24px #0c20260b;transform:translateY(-2px)}.teacher-payments-page .payment-person-card:focus-within{border-color:var(--brand)}.teacher-payments-page .payment-card-open{padding:22px;gap:20px;border-radius:18px;height:100%;outline-offset:4px}.teacher-payments-page .payment-person{padding-inline-end:28px;align-items:center;gap:12px}.teacher-payments-page .payment-avatar{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));background:var(--tint);font-size:18px;letter-spacing:.2px}.teacher-payments-page .is-own-card .payment-avatar{background:var(--brand);color:var(--on-brand,#fff)}.teacher-payments-page .payment-person strong{font-size:18px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teacher-payments-page .payment-person small{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:3px}.pay-own-label{font-size:10px;font-weight:650;color:var(--brand);background:var(--tint);padding:1px 6px;border-radius:4px}.pay-card-description{font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:-8px}.teacher-payments-page .payment-card-amount{background:var(--surface2);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:12px;padding:17px 18px;gap:8px}.teacher-payments-page .payment-card-amount>small{font-size:12px}.teacher-payments-page .payment-card-amount>strong{font-size:clamp(25px,2.4vw,31px);font-weight:700;line-height:1.3;letter-spacing:-.5px}.teacher-payments-page .payment-card-amount>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:2px}.teacher-payments-page .payment-card-amount>span>.icon{width:14px;height:14px}.teacher-payments-page .payment-card-footer{align-items:center;gap:12px;padding-top:0;border:0;font-size:13px;flex-wrap:wrap}.teacher-payments-page .payment-card-footer>.badge{font-size:11px;padding:5px 9px;line-height:1.5}.pay-open-register{display:flex;align-items:center;gap:9px;margin-inline-start:auto;font-size:12px;font-weight:650;color:var(--brand)}.pay-card-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:50%;color:var(--brand)}.pay-card-arrow>.icon{width:15px;height:15px}.payment-card-menu{position:absolute;top:20px;right:16px;z-index:4}.payment-card-menu>summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:var(--surface);cursor:pointer}.payment-card-menu>summary::-webkit-details-marker{display:none}.payment-card-menu>summary:hover,.payment-card-menu[open]>summary{background:var(--tint);color:var(--brand);border-color:var(--line)}.payment-card-menu>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.payment-card-menu>div{position:absolute;inset-inline-end:0;top:38px;min-width:180px;max-width:240px;display:grid;gap:4px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.payment-card-menu .btn{border-color:transparent;background:transparent;justify-content:flex-start;min-height:40px;padding:8px 10px;font-size:13px;text-align:start;white-space:normal}.payment-card-menu .btn:hover{background:var(--surface2)}.payment-card-menu .btn.danger{color:var(--red)}.pay-teacher-identity{display:flex;align-items:center;gap:20px;min-width:0}.pay-teacher-identity>.payment-avatar{width:72px!important;height:72px!important;font-size:26px!important;background:var(--surface)!important;color:var(--brand);border-radius:20px!important}.pay-teacher-identity .pay-eyebrow{margin-bottom:6px}.pay-teacher-identity p{margin-top:6px}.teacher-payments-page .pay-register-panel{border-radius:18px;overflow:hidden;margin-bottom:18px}.pay-register-panel>.panel-head{padding:20px 24px;gap:18px;align-items:center;flex-wrap:wrap}.pay-register-panel>.panel-head h2{font-size:20px;line-height:1.5}.pay-register-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 24px;background:var(--surface2);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.pay-register-caption>span:first-child{display:flex;align-items:center;gap:7px;font-weight:650;color:var(--ink)}.pay-register-caption .icon{height:15px;width:15px;color:var(--brand)}.teacher-payments-page .payment-matrix th{font-size:12px;text-transform:none;letter-spacing:0;background:var(--surface);padding:16px 12px;color:var(--muted)}.teacher-payments-page .payment-matrix thead .payment-date-col{background:var(--surface)}.teacher-payments-page .payment-matrix tbody td{height:73px;font-size:14px;background:var(--surface)}.teacher-payments-page .payment-matrix tbody tr:nth-child(2n) td{background:var(--surface2)}.teacher-payments-page .payment-matrix tbody tr:hover td{background:var(--tint)}.teacher-payments-page .payment-matrix .payment-cell-content strong{font-weight:650;color:var(--ink)}.teacher-payments-page .payment-matrix .payment-no-class{font-size:17px;opacity:.6}.teacher-payments-page .payment-matrix .actions{justify-content:center;gap:5px;flex-wrap:nowrap}.teacher-payments-page .payment-matrix .btn{min-height:36px;font-size:12px;padding:7px 9px}.teacher-payments-page .payment-matrix tfoot td,.teacher-payments-page .payment-matrix tfoot th{background:var(--tint);font-size:14px;color:var(--ink);border-bottom:0}.pay-register-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface);font-size:12px;line-height:1.6;color:var(--muted)}.pay-register-hint>.icon{width:16px;height:16px}.teacher-payments-page .payment-register-footer{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);gap:18px}.pay-finalize-copy{display:flex;align-items:flex-start;gap:13px;min-width:0;flex:1 1 280px}.pay-finalize-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--tint);color:var(--brand);border-radius:10px;flex:none}.pay-finalize-copy strong{font-size:14px;line-height:1.5}.pay-finalize-copy p{font-size:13px!important;line-height:1.7;color:var(--muted);margin-top:4px}.pay-register-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:100%}.pay-register-actions:empty{display:none}.pay-register-actions .btn{white-space:normal;line-height:1.5}.teacher-payments-page .empty{padding:48px 22px}.teacher-payments-page .empty>.icon{height:36px;width:36px;color:var(--brand);opacity:.75;margin-bottom:14px}.teacher-payments-page .empty p{max-width:45ch;margin:8px auto 18px;font-size:14px}@media(max-width:1200px){.pay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-metric{padding:18px 16px;gap:10px}.teacher-payments-page .payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.pay-hero{padding:24px;gap:20px}.pay-hero .payment-month-picker{width:190px}.pay-detail-metrics .pay-metric{display:grid;gap:10px}.pay-teacher-identity{gap:14px}.pay-teacher-identity>.payment-avatar{width:56px!important;height:56px!important;border-radius:16px!important;font-size:22px!important}}@media(max-width:650px){.teacher-payments-page>.page-head{align-items:flex-start;gap:16px}.teacher-payments-page>.page-head>.actions{width:100%}.teacher-payments-page>.page-head .btn{min-height:40px;font-size:13px;white-space:normal}.pay-hero{flex-direction:column;align-items:stretch;padding:22px 20px;border-radius:16px;gap:20px}.pay-hero-settings{align-self:stretch}.pay-hero .payment-month-picker{width:100%}.pay-hero-status{justify-content:flex-start}.pay-hero h2{font-size:25px}.pay-hero p{font-size:14px}.pay-eyebrow{font-size:12px}.pay-metrics{gap:10px;margin-bottom:24px}.pay-metric{display:grid;padding:16px;gap:10px;border-radius:13px}.pay-metric strong{font-size:23px;letter-spacing:-.5px}.pay-metric small{font-size:12px}.pay-metric-icon{width:32px;height:32px;border-radius:9px}.pay-metric-icon>.icon{width:17px;height:17px}.pay-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-detail-metrics>.is-featured{grid-column:1/-1;display:flex;align-items:center}.pay-detail-metrics>.is-featured strong{font-size:29px}.pay-detail-metrics>.is-featured .pay-metric-icon{width:42px;height:42px;margin-inline-end:3px}.pay-directory-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.pay-directory-head h2{font-size:20px}.pay-directory-head p{font-size:13px}.pay-directory-count{font-size:11px}.pay-card-filters{flex-direction:column;align-items:stretch}.pay-card-filters>.field{width:100%}.teacher-payments-page .payment-card-grid{grid-template-columns:1fr;gap:14px}.teacher-payments-page .payment-card-open{padding:20px;gap:18px}.teacher-payments-page .payment-card-amount>strong{font-size:29px}.pay-teacher-identity{align-items:flex-start}.pay-teacher-identity h2{font-size:24px}.pay-register-panel>.panel-head{padding:18px;gap:12px}.pay-register-panel>.panel-head h2{font-size:18px}.pay-register-panel>.panel-head .btn{min-height:40px;font-size:13px}.pay-register-caption{padding:12px 18px;gap:6px;font-size:11px}.pay-register-caption>span:last-child{width:100%}.teacher-payments-page .payment-matrix .payment-date-col{min-width:106px;width:106px}.teacher-payments-page .payment-register-footer{padding:18px;gap:18px}.pay-register-actions{width:100%;display:grid;grid-template-columns:1fr}.pay-register-actions .btn{width:100%;min-height:42px}.pay-finalize-copy{gap:10px}.pay-register-hint{font-size:11px;justify-content:flex-start}.payment-card-menu{top:18px;right:14px}}@media(prefers-reduced-motion:reduce){.teacher-payments-page .payment-person-card{transition:none}.teacher-payments-page .payment-person-card:hover{transform:none}}.teacher-payments-page .payment-card-grid{align-items:stretch}.teacher-payments-page .payment-card-open{display:flex;flex-direction:column}.teacher-payments-page .payment-card-amount{margin-top:auto}.teacher-payments-page .payment-person-card:has(.payment-card-menu[open]){z-index:6}:root[data-theme=dark] .teacher-payments-page .is-own-card .payment-avatar{color:#0c2026}.pay-metric{position:relative;display:block}.pay-metric>.pay-metric-icon{position:absolute;top:18px;inset-inline-end:16px;width:30px;height:30px}.pay-metric>div{gap:12px}.pay-metric small{padding-inline-end:37px;min-height:30px;display:flex;align-items:center}.pay-metric.is-featured strong{font-size:clamp(20px,1.7vw,26px)}@media(max-width:650px){.pay-metric{display:block}.pay-metric>.pay-metric-icon{top:14px;inset-inline-end:12px;width:27px;height:27px}.pay-metric small{padding-inline-end:30px}.pay-detail-metrics>.is-featured{display:block}.pay-detail-metrics>.is-featured .pay-metric-icon{width:34px;height:34px}.pay-detail-metrics .pay-metric.is-featured strong{font-size:29px}}.learning-workspace{min-width:0;max-width:1600px;margin-inline:auto}.learning-workspace>.page-head{align-items:center;margin-bottom:24px}.learning-hero{justify-content:space-between;gap:30px;padding:27px 30px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:19px;background:linear-gradient(115deg,var(--surface),var(--tint));margin-bottom:26px}.learning-hero,.learning-hero-copy{display:flex;align-items:center;min-width:0}.learning-hero-copy{gap:20px}.learning-hero-symbol{width:60px;height:60px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:17px;background:var(--surface);color:var(--brand);flex:none}.learning-hero-symbol>.icon{width:28px;height:28px;stroke-width:1.45}.learning-hero h2{font-size:clamp(22px,2vw,27px);line-height:1.4;overflow-wrap:anywhere}.learning-hero p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:7px;max-width:58ch}.learning-hero-stats{display:flex;align-items:center;gap:26px;flex:none}.learning-hero-stats>div{display:grid;gap:5px;min-width:75px}.learning-hero-stats>div+div{border-inline-start:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));padding-inline-start:26px}.learning-hero-stats strong{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.learning-hero-stats span{font-size:12px;color:var(--muted);line-height:1.5}.learning-tools{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px;min-width:0}.learning-search{position:relative;flex:1 1;min-width:0}.learning-search>.icon{position:absolute;inset-inline-start:13px;top:13px;width:18px;height:18px;color:var(--muted);pointer-events:none}.learning-search input{height:44px;min-height:44px;width:100%;min-width:0;padding-inline-start:40px;background:var(--surface);font-size:14px}.learning-tools>.field{width:200px;max-width:100%;flex:none;margin:0;gap:5px;font-size:12px}.learning-tools select{width:100%;height:44px;min-height:44px;font-size:14px;background:var(--surface)}.learning-match-count{font-size:12px;line-height:44px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);flex:none;white-space:nowrap}.learning-workspace .collection-toolbar{margin-block:0 16px}.learning-card-grid{gap:18px!important;align-items:stretch;margin-bottom:26px;min-width:0}.learning-card-grid>.learning-card{display:flex;flex-direction:column;margin:0;border-radius:17px;overflow:visible;min-width:0;background:var(--surface);box-shadow:0 3px 12px #0c202604}.learning-card-grid>.learning-card[hidden]{display:none!important}.learning-card-grid .learning-card-art{display:flex;align-items:center;gap:10px;width:auto;height:auto;min-height:0;aspect-ratio:auto;position:relative;overflow:visible;border:0;border-bottom:1px solid var(--line);padding:18px 20px;border-radius:17px 17px 0 0;background:var(--surface2)}.learning-card-art>span:not(.learning-card-symbol):not(.badge){min-width:0;flex:1 1;overflow-wrap:anywhere;font-size:12px;color:var(--muted);line-height:1.5}.learning-card-art>.badge{font-size:10px;padding:4px 7px}.learning-card-symbol{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:var(--brand);background:var(--tint)}.learning-card-symbol>.icon{width:19px;height:19px}.learning-card-body{display:flex;flex-direction:column;flex:1 1;gap:17px;padding:22px;min-width:0}.learning-card-body h3{font-size:20px;line-height:1.5;letter-spacing:-.25px;overflow-wrap:anywhere}.learning-card-description{font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.learning-card-body .material-card{margin:0;min-width:0}.learning-card-body .material-card summary{font-size:13px;padding:12px}.learning-card-body .material-card summary strong{font-size:13px}.learning-card-body .material-card summary small{font-size:11px}.learning-card-body .material-card summary>span{min-width:0;overflow-wrap:anywhere}.quest-progress{margin-top:auto;padding-top:4px}.quest-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:10px}.quest-progress strong{font-size:17px;color:var(--brand);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quest-progress strong small{font-size:12px;font-weight:500}.quest-progress-track{height:7px;border-radius:20px;background:var(--surface2);border:1px solid var(--line);overflow:hidden}.quest-progress-track>i{display:block;height:100%;border-radius:20px;background:var(--brand)}.learning-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;flex-wrap:wrap}.learning-date{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:11px;line-height:1.5}.learning-date>.icon{width:16px;height:16px;color:var(--brand)}.learning-date>span{display:grid;gap:2px}.learning-date strong{font-size:12px;color:var(--ink);font-weight:550}.learning-card-footer .actions{gap:7px;flex-wrap:wrap}.learning-card-footer .btn{min-height:37px;font-size:12px;padding:8px 10px;white-space:normal;line-height:1.5}.learning-card-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.learning-card-tags>.badge{font-size:11px;background:var(--tint);color:var(--brand);border-color:transparent}.quiz-card-facts{display:grid;gap:10px;padding-bottom:4px;font-size:12px;color:var(--muted)}.quiz-card-facts>span{display:flex;align-items:center;gap:8px}.quiz-card-facts .icon{width:15px;height:15px;color:var(--brand)}.quiz-card .learning-card-footer{flex-wrap:nowrap}.quiz-card .learning-card-footer .btn.primary{min-height:42px;padding:10px 15px;font-size:13px}.learning-card-menu{position:relative;flex:none}.learning-card-menu>summary{display:grid;place-items:center;list-style:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--surface);color:var(--muted)}.learning-card-menu>summary::-webkit-details-marker{display:none}.learning-card-menu>summary:hover,.learning-card-menu[open]>summary{background:var(--tint);color:var(--brand)}.learning-card-menu>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.learning-card-menu>div{display:grid;gap:5px;position:absolute;inset-inline-end:0;bottom:calc(100% + 7px);min-width:155px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:5}.learning-card-menu .btn{justify-content:flex-start;border:0;background:transparent;text-align:start;min-height:40px}.learning-card-menu .btn:hover{background:var(--surface2)}.learning-attempts{border-radius:17px;overflow:hidden;margin-top:26px}.learning-attempts .panel-head{padding:19px 23px}.learning-attempts .panel-head h2{font-size:20px}.learning-attempts .attempt-title{display:flex;align-items:center;gap:11px;line-height:1.6;white-space:normal;min-width:180px}.attempt-title>.icon{color:var(--brand);width:18px;height:18px}.attempt-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attempt-score>strong{display:inline-block;background:var(--tint);color:var(--brand);font-size:12px;padding:4px 9px;border-radius:6px}.learning-workspace .empty{padding:46px 22px}.learning-workspace .empty>.icon{width:34px;height:34px;margin-bottom:12px;color:var(--brand);opacity:.7}.learning-workspace .empty p{font-size:14px;margin:8px auto 0;max-width:45ch}.learning-card-grid[data-view-mode=list]>.learning-card{display:grid;grid-template-columns:170px minmax(0,1fr)}.learning-card-grid[data-view-mode=list] .learning-card-art{border-radius:17px 0 0 17px;border-bottom:0;border-inline-end:1px solid var(--line);height:100%;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.learning-card-grid[data-view-mode=list] .learning-card-art>span:not(.learning-card-symbol):not(.badge){flex:0 1}.learning-card-grid[data-view-mode=list] .learning-card-body{gap:13px}.notice-workspace .notice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:22px;align-items:start;min-width:0}.notice-board-panel,.notice-latest>.panel{border-radius:17px;min-width:0;overflow:hidden}.notice-workspace .panel-head{padding:20px 22px;gap:12px;flex-wrap:wrap}.notice-workspace .panel-head h2{font-size:20px;line-height:1.4}.notice-board-panel>.learning-tools{padding:18px 22px;margin:0;background:var(--surface2);border-bottom:1px solid var(--line);flex-wrap:wrap}.notice-board-panel .learning-search{flex-basis:100%}.notice-board-panel .learning-tools>.field{flex:1 1;width:auto}.notice-board-panel .learning-match-count{align-self:flex-end}.notice-entry{display:flex;align-items:center;gap:16px;padding:19px 22px;border-bottom:1px solid var(--line);min-width:0}.notice-entry[hidden]{display:none}.notice-entry:last-child{border-bottom:0}.notice-entry:hover{background:color-mix(in srgb,var(--tint) 55%,var(--surface))}.notice-date{width:48px;min-height:51px;padding:6px 4px;display:grid;place-items:center;gap:0;flex:none;background:var(--surface2);border:1px solid var(--line);border-radius:10px;line-height:1.3;color:var(--muted)}.notice-date strong{font-size:20px;color:var(--brand);font-weight:650}.notice-date span{font-size:10px}.notice-entry>.notice-title{padding:4px 0;min-width:0;font-size:15px;line-height:1.7;font-weight:600;gap:12px}.notice-entry>.notice-title:hover{background:transparent;color:var(--brand)}.notice-entry>.notice-title>.icon{width:17px;height:17px}.notice-latest-heading{display:flex;align-items:center;gap:10px}.notice-latest-heading>.icon{color:var(--brand);width:19px;height:19px}.notice-latest-heading h2{font-size:17px!important}.notice-latest-list{padding:5px 20px 10px}.notice-latest-list>article{display:flex;align-items:flex-start;gap:12px;padding:17px 0;min-width:0}.notice-latest-list>article+article{border-top:1px solid var(--line)}.notice-latest-list>article>div{min-width:0;flex:1 1}.notice-latest-dot{width:7px;height:7px;background:var(--brand);border-radius:50%;flex:none;margin-top:6px;box-shadow:0 0 0 4px var(--tint)}.notice-latest-list time{font-size:11px;color:var(--muted)}.notice-latest-list .notice-title{padding:6px 0 0;font-size:13px;line-height:1.8;font-weight:550;gap:8px}.notice-latest-list .notice-title:hover{background:transparent;color:var(--brand)}.notice-latest-list .notice-title>.icon{display:none}.notice-latest-footer{display:flex;justify-content:flex-end;padding:0 20px 18px}.notice-help{display:flex;align-items:flex-start;gap:10px;padding:17px 18px;margin-top:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--muted)}.notice-help>.icon{color:var(--brand);width:17px;height:17px;margin-top:3px}.notice-help p{font-size:12px;line-height:1.8}@media(max-width:1000px){.learning-hero{padding:23px;gap:22px}.learning-hero-copy{gap:15px}.learning-hero-symbol{width:49px;height:49px;border-radius:14px}.learning-hero-stats{gap:18px}.learning-hero-stats>div+div{padding-inline-start:18px}.learning-hero-stats>div{min-width:60px}.notice-workspace .notice-layout{grid-template-columns:minmax(0,1fr)}.notice-latest{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);gap:18px;align-items:start}.notice-help{margin:0}}@media(max-width:650px){.learning-workspace>.page-head{align-items:flex-start;gap:14px}.learning-workspace>.page-head .btn{font-size:13px;min-height:40px;white-space:normal}.learning-hero{padding:21px 20px;display:grid;gap:20px;border-radius:16px;margin-bottom:22px}.learning-hero-copy{align-items:flex-start;gap:13px}.learning-hero-symbol{width:40px;height:40px;border-radius:11px}.learning-hero-symbol>.icon{width:21px;height:21px}.learning-hero h2{font-size:22px}.learning-hero p{font-size:13px}.learning-hero-stats{padding-top:17px;border-top:1px solid var(--line);gap:20px}.learning-hero-stats>div{flex:1 1}.learning-hero-stats>div+div{padding-inline-start:20px}.learning-hero-stats strong{font-size:25px}.learning-tools{flex-wrap:wrap;gap:10px}.learning-search{flex-basis:100%}.learning-tools>.field{width:auto;flex:1 1}.learning-card-grid{grid-template-columns:1fr!important;gap:15px!important}.learning-card-grid .learning-card-art{padding:16px 18px}.learning-card-body{padding:20px;gap:16px}.learning-card-body h3{font-size:19px}.learning-card-description{font-size:14px}.learning-card-footer{gap:10px}.learning-card-footer .btn{min-height:39px}.learning-card-grid[data-view-mode=list]>.learning-card{display:flex}.learning-card-grid[data-view-mode=list] .learning-card-art{border-radius:17px 17px 0 0;border-inline-end:0;border-bottom:1px solid var(--line);height:auto;min-height:0;flex-direction:row;align-items:center;justify-content:flex-start}.learning-card-grid[data-view-mode=list] .learning-card-art>span:not(.learning-card-symbol):not(.badge){flex:1 1}.learning-attempts .panel-head,.notice-workspace .panel-head{padding:18px}.notice-board-panel>.learning-tools{padding:15px 18px}.notice-entry{padding:17px 18px;gap:12px}.notice-date{width:43px;min-height:47px}.notice-date strong{font-size:19px}.notice-entry>.notice-title{font-size:14px}.notice-latest{display:block}.notice-help{margin-top:14px}.notice-latest-list{padding-inline:18px}.notice-workspace .notice-layout{gap:18px}}.live-course-panel{display:grid;gap:16px}.live-course-panel>.spread{align-items:center;gap:20px}.live-course-panel p{margin:0;line-height:1.7}.live-session-list{display:grid;gap:12px}.live-session-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);padding:16px;border-radius:12px;background:var(--surface)}.live-session-list>div>span{display:grid;gap:5px;min-width:0}.live-session-list strong{overflow-wrap:anywhere}.live-session-list small{font-size:13px;color:var(--muted)}.live-classroom{display:flex;flex-direction:column;min-height:620px;height:calc(100dvh - 210px);max-height:1100px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--bg);position:relative;isolation:isolate}.live-classroom:fullscreen{height:100dvh;max-height:none;border:0;border-radius:0}.live-class-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;border-bottom:1px solid var(--line);background:var(--surface);font-size:14px;flex:none}.live-class-header>div{display:flex;align-items:center;gap:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-connection{display:flex;align-items:center;gap:8px;color:var(--brand)}.live-connection:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.live-room-body{flex:1 1}.live-room-body,.live-stage{display:flex;min-height:0;min-width:0;position:relative}.live-stage{flex-direction:column;gap:12px;flex:1 1;padding:16px;overflow:auto}.live-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-content:center;gap:12px;min-width:0;flex:1 1}.live-video-card{aspect-ratio:16/10;min-width:0;position:relative;overflow:hidden;border:2px solid transparent;border-radius:13px;background:#112a30;display:grid;place-items:center;color:#edf7f6;box-shadow:0 2px 8px #0001}.live-video-card.is-speaking{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}.live-avatar{display:grid;place-items:center;border-radius:50%;width:64px;height:64px;background:#235159;color:#c8eeec;font-size:23px;font-weight:700}.live-video-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-video-name{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:5px 9px;font-size:13px;background:#07151bcc;color:#fff;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-video-pin{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff50;border-radius:8px;background:#07151baa;color:#fff;cursor:pointer}.live-video-pin>.icon{width:17px;height:17px}.live-video-grid.has-pinned{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.live-video-grid.has-pinned>.is-pinned{grid-column:1/-1;max-height:70dvh}.live-presentation{display:grid;place-items:center;flex:3 1;min-height:200px;background:#07151b;border-radius:12px;overflow:hidden}.live-presentation[hidden]{display:none}.live-presentation video{width:100%;height:100%;max-height:65dvh;object-fit:contain}.live-video-grid.has-presentation{flex:none;display:flex;overflow-x:auto;align-content:start;padding-bottom:4px}.live-video-grid.has-presentation>.live-video-card{width:180px;flex:none}.live-prejoin{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:14px;z-index:2}.live-prejoin[hidden]{display:none}.live-prejoin>.icon{width:40px;height:40px;color:var(--brand)}.live-prejoin h2{font-size:25px}.live-prejoin p{max-width:48ch;color:var(--muted);font-size:15px;line-height:1.7}.live-prejoin .form-error{color:var(--danger,#bf4e4e)}.live-side{width:min(330px,38%);flex:none;border-inline-start:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0;min-width:0}.live-side[hidden]{display:none}.live-panel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:9px;flex:none}.live-panel-tabs button{flex:1 1;padding:10px 6px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.live-panel-tabs button[aria-pressed=true]{background:var(--tint);color:var(--brand);font-weight:700}.live-participants{padding:12px;overflow:auto}.live-participants[hidden]{display:none}.live-participants h3{font-size:13px;color:var(--muted);margin:6px 0 12px}.live-person{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px;min-width:0}.live-person>span{display:grid;gap:4px;min-width:0}.live-person strong{overflow-wrap:anywhere}.live-person small{font-size:12px;color:var(--muted)}.live-person-menu{position:relative;flex:none}.live-person-menu>summary{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;list-style:none}.live-person-menu>summary::-webkit-details-marker{display:none}.live-person-menu>div{position:absolute;right:0;top:36px;z-index:12;display:grid;gap:5px;min-width:180px;max-width:250px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #0003}.live-person-menu .btn{justify-content:flex-start;text-align:start;white-space:normal}.live-chat-panel{display:flex;flex-direction:column;min-height:0;flex:1 1}.live-chat-panel[hidden]{display:none}.live-chat-messages{flex:1 1;overflow:auto;padding:14px}.live-chat-messages article{padding:12px;border:1px solid var(--line);background:var(--tint);border-radius:10px;margin-bottom:10px;min-width:0}.live-chat-messages header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.live-chat-messages header>strong{flex:1 1;min-width:0;overflow-wrap:anywhere}.live-chat-messages time{color:var(--muted);font-size:11px}.live-chat-messages .icon-button{width:26px;height:26px;min-height:26px;padding:0}.live-chat-messages .icon{width:14px;height:14px}.live-chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin-top:7px}.live-chat-panel form{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--line);flex:none}.live-chat-panel textarea{flex:1 1;min-width:0;font-size:15px;resize:none;max-height:100px;min-height:44px}.live-chat-panel form>.btn{padding:10px;min-height:44px}.live-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--line);flex:none}.live-controls[hidden]{display:none}.live-media-controls,.live-session-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.live-control{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:58px;min-height:54px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.live-control span{font-size:10px;line-height:1.3;max-width:80px}.live-control>.icon{width:19px;height:19px}.live-control:hover,.live-control[aria-pressed=true]{background:var(--tint);color:var(--brand);border-color:var(--brand)}.live-control:disabled{opacity:.4;cursor:not-allowed}.live-reaction-toast{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:6;padding:12px 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 4px 20px #0002;color:var(--ink);font-size:22px;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}.live-reaction-toast[hidden]{display:none}.live-reactions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.live-reactions button{font-size:36px;min-width:60px;min-height:60px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}@media(max-width:850px){.live-classroom{height:calc(100dvh - 150px);min-height:560px}.live-controls{gap:10px;padding:10px}.live-controls,.live-media-controls,.live-session-controls{justify-content:center}.live-control{min-width:44px;padding:7px;min-height:44px}.live-control span{display:none}.live-side{width:min(310px,65%);position:absolute;inset-block:0;inset-inline-end:0;z-index:8;box-shadow:-5px 0 20px #0002}.live-stage{padding:10px}.live-video-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.live-course-panel>.spread,.live-session-list>div{align-items:flex-start;flex-direction:column}.live-class-header{padding:12px;font-size:12px}}@media(max-width:450px){.live-classroom{border-radius:12px;min-height:520px}.live-side{width:min(310px,90%)}.live-controls .btn{font-size:12px;padding:9px 10px}.live-video-name{font-size:11px;bottom:6px;left:6px}.live-avatar{width:50px;height:50px;font-size:20px}.live-prejoin{padding:18px;gap:12px;inset:10px}.live-prejoin h2{font-size:22px}.live-video-grid.has-presentation>.live-video-card{width:140px}.live-presentation{min-height:150px}}.live-control[data-action=live-camera][aria-pressed=false],.live-control[data-action=live-mic][aria-pressed=false]{background:color-mix(in srgb,#bd4848 10%,var(--surface));color:color-mix(in srgb,#bd4848 80%,var(--ink))}.content:has(>.live-classroom){display:flex;flex-direction:column;height:calc(100dvh - 78px);min-height:0;padding-block:18px;overflow:hidden}.content:has(>.live-classroom)>.alert,.content:has(>.live-classroom)>.page-head{flex:none}.content:has(>.live-classroom)>.page-head{margin-bottom:14px}.content:has(>.live-classroom)>.live-classroom{height:auto;min-height:0;max-height:none;flex:1 1}.content:has(>.live-classroom)>.live-classroom:fullscreen{width:100vw;height:100dvh;flex:none}.live-video-grid{grid-auto-rows:minmax(140px,1fr);align-content:stretch}.live-video-card{aspect-ratio:auto;min-height:140px}.live-video-grid.has-presentation>.live-video-card{height:110px;min-height:0;aspect-ratio:16/10}@media(max-width:760px){.content:has(>.live-classroom){height:calc(100dvh - 66px);padding:12px!important}.content:has(>.live-classroom)>.page-head h1{font-size:23px}.content:has(>.live-classroom)>.page-head{gap:10px}.content:has(>.live-classroom)>.page-head .eyebrow{display:none}.content:has(>.live-classroom)>.alert{font-size:12px;padding:8px 12px;margin-bottom:10px}.live-video-grid{grid-auto-rows:minmax(110px,1fr)}.live-video-card{min-height:110px}}.live-more-controls{position:relative;flex:none}.live-more-controls>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:58px;min-height:54px;padding:7px;border:1px solid var(--line);border-radius:10px;cursor:pointer;list-style:none;background:var(--surface);color:var(--ink)}.live-more-controls>summary::-webkit-details-marker{display:none}.live-more-controls>summary>.icon{width:19px;height:19px}.live-more-controls>summary>span{font-size:10px;line-height:1.3}.live-more-controls[open]>summary{background:var(--tint);border-color:var(--brand);color:var(--brand)}.live-more-controls>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:200px;max-height:40dvh;overflow:auto;z-index:20;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 6px 24px #0003}.live-more-controls>div .live-control{min-width:0;min-height:58px}.live-more-controls>div .live-control span{display:block}.live-control[data-action=live-end],.live-control[data-action=live-leave]{background:color-mix(in srgb,#bd4848 10%,var(--surface));color:color-mix(in srgb,#bd4848 80%,var(--ink))}.live-control[data-action=live-end]{border-color:color-mix(in srgb,#bd4848 50%,var(--line))}@media(max-width:850px){.live-more-controls>summary{width:44px;min-width:44px;min-height:44px;padding:7px}.live-more-controls>summary>span{display:none}}.live-more-controls>div{inset-inline-end:0;left:auto;transform:none}.live-stage.is-presenting{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,15vw,180px);grid-template-rows:minmax(0,1fr);overflow:hidden;align-items:stretch}.is-presenting .live-presentation{position:relative;display:block;min-width:0;min-height:0;width:100%;height:100%;flex:none;overflow:hidden}.is-presenting .live-presentation>video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;background:#07151b}.is-presenting .live-video-grid.has-presentation{display:flex;flex-direction:column;align-content:normal;align-items:stretch;overflow-x:hidden;overflow-y:auto;min-height:0;min-width:0;padding:0;gap:8px;flex:none}.is-presenting .live-video-grid.has-presentation>.live-video-card{width:100%;height:auto;min-height:0;aspect-ratio:16/10;flex:none}.live-classroom[data-video-layout=focus] .live-stage.is-presenting{grid-template-columns:minmax(0,1fr)}.live-classroom[data-video-layout=focus] .is-presenting .live-video-grid{display:none}.live-classroom[data-video-layout=grid] .live-stage.is-presenting{grid-template-columns:minmax(0,3fr) minmax(140px,1fr)}.live-screen-toolbar{position:absolute;inset:10px 10px auto;display:flex;align-items:center;gap:8px;z-index:3;pointer-events:none}.live-screen-toolbar>span{padding:6px 10px;border-radius:7px;background:#07151bd9;color:#edf7f6;font-size:12px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-inline-end:auto}.live-screen-toolbar button,.live-screen-toolbar select{pointer-events:auto;border:1px solid #b3dedb70;background:#10292fe8;color:#edf7f6;border-radius:8px;min-height:36px;max-width:180px;font-size:13px}.live-screen-toolbar button{width:36px;display:grid;place-items:center;padding:0;flex:none}.live-screen-toolbar button:hover,.live-screen-toolbar button[aria-pressed=true]{background:#28565e;color:#fff}.live-screen-toolbar select{width:auto;padding:6px}.live-presentation:fullscreen{width:100vw;height:100dvh;max-height:none;min-height:0;border-radius:0;background:#07151b}.live-presentation:fullscreen>video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}.live-video-card>video{z-index:0}.live-video-name,.live-video-pin{z-index:1}.live-video-pin[aria-pressed=true]{background:#28565e;color:#fff;border-color:#6dc7c5}.live-screen-toolbar button:focus-visible,.live-video-pin:focus-visible{outline:2px solid #6dc7c5;outline-offset:2px}@media(max-width:700px){.live-stage.is-presenting{grid-template-columns:minmax(0,1fr)}.live-classroom:not([data-video-layout=grid]) .is-presenting .live-video-grid{display:none}.live-classroom[data-video-layout=grid] .live-stage.is-presenting{grid-template-columns:minmax(0,1fr) 100px}.live-screen-toolbar{inset:8px 8px auto;gap:6px}.live-screen-toolbar>span{font-size:11px;padding:5px 7px}.live-screen-toolbar button{width:34px;min-height:34px}.live-screen-toolbar select{max-width:90px}.is-presenting .live-avatar{height:36px;width:36px;font-size:16px}}@media(max-height:550px) and (orientation:landscape){.content:has(>.live-classroom){padding-block:6px!important}.content:has(>.live-classroom)>.page-head{margin-bottom:6px}.content:has(>.live-classroom)>.page-head h1{font-size:18px}.content:has(>.live-classroom)>.alert{display:none}.live-class-header{padding:6px 10px}.live-controls{padding:6px;gap:6px}.live-control,.live-more-controls>summary{min-height:36px;min-width:36px;padding:5px}.live-control>span,.live-more-controls>summary>span{display:none}}.live-history-dialog{overflow:hidden}.live-history-dialog>form{display:flex;flex-direction:column;max-height:88dvh;min-height:0}.live-history-dialog .modal-head{flex:none}.live-history-dialog .modal-body{overflow-y:auto;min-height:0;min-width:0;scrollbar-gutter:stable}.live-history{display:grid;gap:24px;min-width:0}.live-history-section{min-width:0}.live-history-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.live-history-section h3{font-size:17px;line-height:1.4}.live-history .table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}.live-history table{min-width:0;width:100%;table-layout:fixed}.live-history td,.live-history th{white-space:normal;overflow-wrap:anywhere;padding:13px 10px;vertical-align:top;font-size:13px}.live-history td:first-child,.live-history th:first-child{width:24%}.live-history-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:650px){.live-history-dialog .modal-head{padding:16px;gap:12px}.live-history-dialog .modal-head h2{font-size:21px;min-width:0;overflow-wrap:anywhere}.live-history-dialog .modal-body{padding:16px}.live-history .table-wrap{overflow:visible;border:0;border-radius:0}.live-history table,.live-history tbody{display:block;min-width:0;width:100%}.live-history thead{display:none}.live-history tr{display:block;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface2)}.live-history tr+tr{margin-top:12px}.live-history td{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;width:100%!important;border:0!important;padding:7px 0!important;font-size:14px;line-height:1.6;min-width:0;background:transparent}.live-history td:before{content:attr(data-label);font-weight:500;color:var(--muted)}.live-history td:first-child{display:block;font-weight:700;font-size:16px;color:var(--ink);padding:0 0 10px!important;border-bottom:1px solid var(--line)!important;margin-bottom:4px}.live-history td:first-child:before{display:none}.live-history-actions .btn{width:100%;justify-content:center}}.live-classroom.has-expanded-screen,.live-classroom.is-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;min-height:0!important;z-index:1000;border-radius:0;flex:none!important}.live-presentation.is-expanded{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:30;border-radius:0}