:root{--color-bg:#f4f6fb;--color-text:#171c29;--color-surface:#fff;--color-surface-muted:#edf1f8;--color-muted:#535c72;--color-subtle:#2f3850;--color-border:#171c2924;--color-border-strong:#171c2938;--color-navbar-bg:#f4f6fbdb;--color-notice-bg:#1877ff24;--color-notice-text:#0f63d8;--color-link:#0f63d8;--color-success:#0f9f6e;--color-error:#d64545;--hero-bg:#e9f0ff;--hero-text:#182b4d;--hero-muted:#354b73;--color-black:var(--color-bg);--color-white:var(--color-text);--color-dark-gray:var(--color-surface);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-full:9999px;--shadow-glow:0 0 20px #0f63d833;--shadow-elevation:0 14px 30px #0f152629;--shadow-card:0 10px 26px #0f152614, inset 0 1px 0 #ffffffb3}@media (prefers-color-scheme:dark){:root{--color-bg:#080b12;--color-text:#f2f5ff;--color-surface:#111624;--color-surface-muted:#0c1120;--color-muted:#b2bacf;--color-subtle:#d5dcef;--color-border:#f2f5ff1f;--color-border-strong:#f2f5ff33;--color-navbar-bg:#080b12d1;--color-notice-bg:#1877ff26;--color-notice-text:#70b2ff;--color-link:#9bc6ff;--color-success:#35d399;--color-error:#ff7b7b;--hero-bg:#070b14;--hero-text:#f2f5ff;--hero-muted:#c6cee2;--shadow-glow:0 0 20px #70b2ff3d;--shadow-elevation:0 12px 32px #00000085;--shadow-card:0 10px 26px #0000006b, inset 0 1px 0 #ffffff14}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f6fb;--color-text:#171c29;--color-surface:#fff;--color-surface-muted:#edf1f8;--color-muted:#535c72;--color-subtle:#2f3850;--color-border:#171c2924;--color-border-strong:#171c2938;--color-navbar-bg:#f4f6fbdb;--color-notice-bg:#1877ff24;--color-notice-text:#0f63d8;--color-link:#0f63d8;--color-success:#0f9f6e;--color-error:#d64545;--hero-bg:#e9f0ff;--hero-text:#182b4d;--hero-muted:#354b73;--shadow-glow:0 0 20px #0f63d833;--shadow-elevation:0 14px 30px #0f152629;--shadow-card:0 10px 26px #0f152614, inset 0 1px 0 #ffffffb3}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#080b12;--color-text:#f2f5ff;--color-surface:#111624;--color-surface-muted:#0c1120;--color-muted:#b2bacf;--color-subtle:#d5dcef;--color-border:#f2f5ff1f;--color-border-strong:#f2f5ff33;--color-navbar-bg:#080b12d1;--color-notice-bg:#1877ff26;--color-notice-text:#70b2ff;--color-link:#9bc6ff;--color-success:#35d399;--color-error:#ff7b7b;--hero-bg:#070b14;--hero-text:#f2f5ff;--hero-muted:#c6cee2;--shadow-glow:0 0 20px #70b2ff3d;--shadow-elevation:0 12px 32px #00000085;--shadow-card:0 10px 26px #0000006b, inset 0 1px 0 #ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.text-center{text-align:center}.text-balance{text-wrap:balance}.glass-panel{background-color:var(--color-dark-gray);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.watch-container{max-width:none}.watch-lab{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;width:100%;min-height:calc(100vh - 118px);transition:grid-template-columns .22s;display:grid}.watch-lab.is-sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.watch-sidebar{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--color-surface) 88%, transparent);height:calc(100vh - 118px);box-shadow:var(--shadow-card);grid-template-rows:auto auto auto minmax(0,1fr);gap:16px;padding:22px;display:grid;position:sticky;top:94px;overflow:hidden}.watch-sidebar-topline{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px;display:grid}.watch-sidebar-topline strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.watch-sidebar-toggle{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-muted);width:38px;height:38px;color:var(--color-text);place-items:center;display:inline-grid}.watch-sidebar-toggle:hover,.watch-sidebar-toggle:focus-visible{border-color:var(--color-link);color:var(--color-link)}.watch-lab.is-sidebar-collapsed .watch-sidebar{padding:14px}.watch-lab.is-sidebar-collapsed .watch-sidebar-topline{grid-template-columns:1fr}.watch-lab.is-sidebar-collapsed .watch-sidebar-topline>div,.watch-lab.is-sidebar-collapsed .watch-search,.watch-lab.is-sidebar-collapsed .course-rail,.watch-lab.is-sidebar-collapsed .lecture-list{display:none}.watch-kicker{color:var(--color-link);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.watch-title{letter-spacing:0;max-width:8ch;margin:-4px 0 0;font-size:clamp(2.4rem,4vw,4.5rem);line-height:.92}.watch-subtitle{color:var(--color-muted);line-height:1.45}.watch-search{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-muted);min-height:44px;color:var(--color-muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid}.watch-search input{width:100%;color:var(--color-text);background:0 0;border:0;outline:none}.course-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.course-chip{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);min-height:58px;color:var(--color-text);text-align:left;padding:10px}.course-chip strong,.course-chip span{display:block}.course-chip span{color:var(--color-muted);margin-top:3px;font-size:.78rem;font-weight:700}.course-chip.is-active{border-color:var(--color-link);background:var(--color-notice-bg)}.watch-sidebar>.course-rail{max-height:142px;padding:1px 2px 4px 1px;overflow-y:auto}.watch-sidebar>.course-rail .course-chip{min-height:54px}.lecture-list{align-content:start;gap:9px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.lecture-item{border-radius:var(--border-radius-sm);width:100%;min-height:72px;color:var(--color-text);text-align:left;border:1px solid #0000;grid-template-columns:78px minmax(0,1fr);gap:10px;padding:8px;display:grid}.lecture-item:hover,.lecture-item:focus-visible,.lecture-item.is-active{border-color:var(--color-border);background:var(--color-surface-muted)}.lecture-item.is-active{box-shadow:inset 4px 0 0 var(--color-link)}.lecture-thumb{aspect-ratio:16/9;border-radius:var(--border-radius-sm);background:var(--color-surface-muted);display:block;position:relative;overflow:hidden}.lecture-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lecture-thumb span{color:#f2f5ff;background:#080b12d1;border-radius:5px;padding:1px 5px;font-size:.72rem;font-weight:800;position:absolute;bottom:4px;right:4px}.lecture-copy{min-width:0}.lecture-copy strong{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.16;display:-webkit-box;overflow:hidden}.lecture-copy em{color:var(--color-muted);margin-top:5px;font-size:.8rem;font-style:normal;font-weight:700;display:block}.finished-avatars{gap:-4px;margin-top:6px;display:flex}.avatar-circle{background:var(--color-link);width:20px;height:20px;color:var(--color-bg);border:2px solid var(--color-surface);text-transform:uppercase;z-index:1;border-radius:50%;justify-content:center;align-items:center;margin-right:-6px;font-size:.65rem;font-weight:800;display:flex}.avatar-circle:hover{z-index:10}.watch-empty,.watch-muted,.watch-note-error{color:var(--color-muted)}.watch-note-error{color:var(--color-notice-text);margin-bottom:12px;font-size:.9rem}.watch-main{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(420px,.9fr) minmax(460px,1fr);align-content:stretch;gap:20px;min-width:0;height:calc(100vh - 118px);min-height:0;display:grid}.watch-player-panel,.watch-context-panel,.resource-strip a{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-card)}.watch-player-panel{grid-area:1/1;grid-template-rows:auto auto;min-height:0;display:grid;overflow:hidden}.watch-player{aspect-ratio:16/9;background:#080b12;width:min(100%,640px);margin:0 auto;position:relative}.watch-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.watch-heading-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px 18px;display:grid}.watch-heading-row h2{letter-spacing:-.01em;margin-top:3px;font-size:clamp(1rem,1.2vw,1.32rem);line-height:1.1}.watch-actions{gap:8px;display:flex}.watch-icon-link{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);width:42px;height:42px;color:var(--color-text);place-items:center;display:inline-grid}.watch-icon-link:hover,.watch-icon-link:focus-visible{border-color:var(--color-link);opacity:1}.watch-icon-link.is-finished{color:#10b981;background:#10b9811a;border-color:#10b981}.finished-check{color:#10b981;vertical-align:middle;margin-left:6px;display:inline-block}.watch-context-grid,.watch-notes-grid{gap:18px;display:grid}.watch-context-grid{grid-area:2/1;grid-template-columns:1fr}.watch-notes-grid{display:contents}.watch-my-note-panel{grid-area:3/1}.watch-team-note-panel{grid-area:1/2/span 3}.watch-context-panel{padding:16px 18px}.watch-context-panel h3,.watch-notes-panel h3{letter-spacing:0;margin:3px 0 8px;font-size:1.08rem}.watch-context-panel p{color:var(--color-muted);line-height:1.35}.watch-pill-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.watch-pill-row span{border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-muted);padding:6px 10px;font-size:.84rem;font-weight:800}.understanding-list{gap:9px;display:grid}.understanding-list label{color:var(--color-subtle);grid-template-columns:18px minmax(0,1fr);gap:10px;line-height:1.25;display:grid}.understanding-list input{width:16px;height:16px;accent-color:var(--color-link)}.watch-notes-panel{border-radius:var(--border-radius-lg);flex-direction:column;min-height:0;padding:18px;display:flex}.watch-notes-panel textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-muted);width:100%;min-height:90px;color:var(--color-text);font:inherit;margin:2px 0 12px;padding:12px}.watch-notes-panel>textarea{flex:auto}.watch-notes-panel>button{border-radius:var(--border-radius-full);background:var(--color-link);min-height:38px;color:var(--color-bg);padding:8px 18px;font-weight:800}.watch-notes-panel>button:disabled,.note-reply-box button:disabled,.video-card-icon:disabled{cursor:not-allowed;opacity:.48}.team-note-list{flex:auto;align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.team-note{border-radius:var(--border-radius-sm);background:var(--color-surface-muted);padding:12px 14px}.team-note-header{color:var(--color-link);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:6px;font-size:.86rem;font-weight:800;display:grid}.team-note-actions{align-items:center;gap:6px;display:inline-flex}.team-note-reply-toggle{border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--color-link) 14%, transparent);min-height:30px;color:var(--color-link);padding:5px 10px;font-size:.75rem;font-weight:850}.team-note-reply-toggle:hover,.team-note-reply-toggle:focus-visible{background:color-mix(in srgb, var(--color-link) 22%, transparent)}.team-note-delete{border-radius:var(--border-radius-sm);width:30px;height:30px;color:var(--color-muted);border:1px solid #0000;place-items:center;display:inline-grid}.team-note-delete:hover,.team-note-delete:focus-visible{border-color:var(--color-border);background:color-mix(in srgb, var(--color-notice-text) 12%, transparent);color:var(--color-notice-text)}.team-note-delete:disabled{cursor:progress;opacity:.45}.team-note p{margin-bottom:6px}.team-note p:last-child{margin-bottom:0}.note-reply-box{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:10px;padding-top:10px;display:grid}.note-reply-box textarea{resize:none;min-height:42px;margin:0;padding:10px 12px;line-height:1.35}.note-reply-box button{border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--color-link) 18%, transparent);min-height:42px;color:var(--color-link);padding:8px 14px;font-weight:800}.dashboard-shell{gap:24px;display:grid}.dashboard-header{justify-content:space-between;align-items:end;gap:18px;padding:6px 0 4px;display:flex}.dashboard-header h1{letter-spacing:0;margin-top:4px;font-size:clamp(2rem,3.6vw,3.7rem);line-height:.96}.dashboard-stat,.goal-time-pill{border:1px solid var(--color-border);border-radius:var(--border-radius-full);background:var(--color-surface);color:var(--color-muted);box-shadow:var(--shadow-card);align-items:center;gap:8px;display:inline-flex}.dashboard-stat{padding:10px 14px}.dashboard-stat strong{color:var(--color-link);font-size:1.35rem;line-height:1}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:24px;display:grid}.dashboard-panel{border-radius:var(--border-radius-lg);padding:clamp(18px,2vw,26px)}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.panel-heading h2{letter-spacing:0;margin-top:4px;font-size:clamp(1.45rem,2vw,2.1rem)}.goal-time-pill{white-space:nowrap;padding:8px 12px}.goal-error{color:var(--color-error);margin:-8px 0 16px;font-weight:700}.dashboard-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.goal-row-list{gap:10px;display:grid}.goal-row{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:color-mix(in srgb, var(--color-surface) 72%, transparent);min-height:92px;color:var(--color-text);opacity:1;grid-template-columns:116px minmax(0,1fr) minmax(118px,auto) auto;align-items:center;gap:14px;padding:10px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.goal-row:hover,.goal-row:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface);opacity:1;transform:translate(2px)}.goal-row-static{grid-template-columns:minmax(0,1fr) auto}.goal-row-thumb{aspect-ratio:16/9;border-radius:var(--border-radius-sm);background:#080b12;display:block;position:relative;overflow:hidden}.goal-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.goal-row-thumb span{color:#f2f5ff;background:#080b12d1;border-radius:5px;padding:2px 6px;font-size:.72rem;font-weight:850;position:absolute;bottom:6px;right:6px}.goal-row-main{min-width:0}.goal-row-main .video-card-meta{margin-bottom:5px;display:block}.goal-row-main strong,.goal-row-main h3{color:var(--color-text);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;line-height:1.25;display:-webkit-box;overflow:hidden}.goal-row-team{color:var(--color-muted);justify-items:end;gap:6px;font-size:.82rem;font-weight:750;display:grid}.goal-row-team em{font-style:normal}.goal-row-team small{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.video-card-avatars.inline{justify-content:flex-end;min-width:38px;display:flex;position:static}.goal-row-remove{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-muted);width:38px;height:38px;color:var(--color-error);place-items:center;display:inline-grid}.goal-row-remove:hover,.goal-row-remove:focus-visible{border-color:var(--color-error)}.goal-row-remove:disabled{cursor:progress;opacity:.48}.video-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);min-height:100%;color:var(--color-text);opacity:1;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.video-card:hover,.video-card:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);opacity:1;transform:translateY(-3px)}.video-card-media{aspect-ratio:16/9;background:#080b12;position:relative;overflow:hidden}.video-card-media img{object-fit:cover;width:100%;height:100%;display:block}.video-card-media img.is-finished{opacity:.6}.video-card-duration,.video-card-finished{color:#f2f5ff;justify-content:center;align-items:center;display:inline-flex;position:absolute}.video-card-duration{background:#080b12d1;border-radius:6px;padding:3px 7px;font-size:.75rem;font-weight:800;bottom:9px;right:9px}.video-card-finished{border-radius:var(--border-radius-full);background:var(--color-success);width:30px;height:30px;top:9px;right:9px}.video-card-avatars{display:flex;position:absolute;bottom:9px;left:9px}.dashboard-avatar{border:2px solid var(--color-surface);border-radius:var(--border-radius-full);background:var(--color-link);width:28px;height:28px;color:var(--color-bg);text-transform:uppercase;place-items:center;margin-right:-9px;font-size:.72rem;font-weight:900;display:inline-grid;overflow:hidden}.dashboard-avatar img{object-fit:cover;width:100%;height:100%}.video-card-body{flex-direction:column;flex:auto;justify-content:space-between;gap:18px;padding:16px;display:flex}.video-card-meta{color:var(--color-muted);margin-bottom:8px;font-size:.78rem;font-weight:800}.video-card h3{color:var(--color-text);letter-spacing:0;font-size:1rem;line-height:1.3}.video-card h3.is-finished{color:var(--color-muted)}.video-card-actions{align-items:center;gap:10px;display:flex}.video-card-watch{border-radius:var(--border-radius-sm);background:var(--color-notice-bg);min-height:38px;color:var(--color-link);flex:auto;place-items:center;padding:8px 12px;font-weight:850;display:inline-grid}.video-card-icon{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-muted);width:38px;height:38px;color:var(--color-text);place-items:center;display:inline-grid}.video-card-icon:hover,.video-card-icon:focus-visible{border-color:var(--color-link);color:var(--color-link)}.video-card-icon.is-set{color:var(--color-success)}.video-card-icon.danger{color:var(--color-error)}.goal-fallback-card,.empty-goal-state{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface-muted);padding:18px}.goal-fallback-card h3{margin-bottom:14px}.goal-fallback-card button{color:var(--color-error);font-weight:800}.empty-goal-state{color:var(--color-muted);align-items:center;gap:12px;display:flex}.empty-goal-state svg{color:var(--color-link);flex:none}.team-progress-block,.course-progress-list{border-top:1px solid var(--color-border);margin-top:26px;padding-top:24px}.team-progress-heading,.course-progress-summary>div,.course-progress-item>div{justify-content:space-between;align-items:end;gap:16px;display:flex}.team-progress-heading{margin-bottom:12px}.team-progress-heading h3,.course-progress-summary h3,.course-progress-item h3{letter-spacing:0}.team-progress-heading span,.course-progress-summary span,.course-progress-item span,.course-library-copy p{color:var(--color-muted)}.soft-control{border:1px solid var(--color-border);border-radius:var(--border-radius-full);min-height:38px;color:var(--color-text);padding:8px 13px;font-weight:750}.soft-control:hover,.soft-control:focus-visible{border-color:var(--color-link);color:var(--color-link)}.course-progress-list{gap:20px;display:grid}.course-progress-item h3{max-width:76%;font-size:.98rem}.dashboard-course-rail{margin-bottom:26px}.course-library-copy{max-width:780px;margin-bottom:22px}.course-library-copy h3{letter-spacing:0;margin-bottom:6px;font-size:1.35rem}.resource-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-bottom:12px;display:grid}.resource-strip a{opacity:1;gap:7px;min-height:138px;padding:15px;display:grid}.resource-strip span{color:var(--color-link);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:900}.resource-strip strong{line-height:1.15}.resource-strip em{color:var(--color-muted);font-size:.88rem;font-style:normal;line-height:1.32}@media (width<=1180px){.dashboard-grid{grid-template-columns:1fr}.watch-lab{grid-template-columns:1fr;min-height:0}.watch-lab.is-sidebar-collapsed{grid-template-columns:1fr}.watch-sidebar{height:auto;max-height:none;position:relative;top:0}.lecture-list{max-height:54vh}.watch-main{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.watch-player-panel,.watch-context-grid,.watch-my-note-panel,.watch-team-note-panel{grid-area:auto}.watch-player{width:min(100%,640px);height:auto}.watch-notes-grid{grid-template-rows:auto;min-height:0;display:grid}.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.watch-container{padding:14px!important}.dashboard-header,.panel-heading,.team-progress-heading,.course-progress-summary>div,.course-progress-item>div{flex-direction:column;align-items:flex-start}.dashboard-stat,.goal-time-pill{justify-content:center;width:100%}.dashboard-card-grid{grid-template-columns:1fr}.goal-row{grid-template-columns:96px minmax(0,1fr) auto}.goal-row-team{grid-column:2/-1;justify-items:start}.goal-row-remove{grid-area:1/3}.course-rail,.watch-context-grid,.watch-notes-grid,.watch-heading-row,.resource-strip,.note-reply-box{grid-template-columns:1fr}.course-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-actions{justify-content:flex-start}}
