.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--safe-bottom: max(env(safe-area-inset-bottom), env(safe-area-max-inset-bottom, 0px))}astro-island{display:contents}html{height:100%;overflow:hidden}body{position:fixed;top:0;left:0;right:0;height:var(--app-vh, 100dvh);height:min(var(--app-vh, 100svh),100svh);transform:translateY(var(--app-top, 0px));min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:var(--safe-bottom)}@media(display-mode:standalone),(display-mode:fullscreen){body{height:min(var(--app-vh, 100dvh),100dvh)}}.app{order:1;flex:1 1 auto;min-height:0;display:flex}.main{flex:1;min-width:0;min-height:0;margin-inline-start:var(--sidebar-width);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.main:has(.fills-pane){overflow:hidden;display:flex;flex-direction:column}.main:has(.fills-pane)>.content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}.fills-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.footer{flex:none;display:flex;align-items:center;box-sizing:content-box;min-height:var(--bar-height);padding:0 var(--spacing-md);border-top:1px solid var(--border-card);background:var(--surface-bar)}.bottombar{order:2;display:none;align-items:stretch;padding:0}.bottombar-item{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.bottombar-item:hover{color:var(--text-primary);text-decoration:none}.bottombar-item.active{color:var(--text-primary);position:relative;isolation:isolate}.bottombar-item.active:before{content:"";position:absolute;z-index:-1;inset:25% 50%;width:34px;height:34px;margin:auto;inset-inline:0;background:var(--marker-soft);border-radius:var(--sticky-radius);transform:rotate(-2deg)}.bottombar-icon{width:24px;height:24px}.sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--sidebar-bg);border-inline-end:1px solid var(--sidebar-border);padding-top:env(safe-area-inset-top);padding-bottom:var(--safe-bottom);z-index:100}.logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--text-primary);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);letter-spacing:-.02em;display:flex;align-items:baseline;gap:.18rem}.logo:after{content:".";color:var(--accent-jade);font-size:1.2em;line-height:.2}.nav{flex:1;padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--sidebar-text);text-transform:var(--ui-case);font-weight:var(--font-weight-semibold);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover);text-decoration:none}.nav-item.active{background:var(--sticky-bg);color:var(--sticky-ink);border-radius:var(--sticky-radius);box-shadow:var(--sticky-lift);font-weight:var(--font-weight-bold)}.nav-item.active:hover{background:var(--sticky-bg);color:var(--sticky-ink)}.nav-icon{width:20px;height:20px}.user-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--sidebar-border);color:var(--sidebar-text-hover);text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.user-card:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover);text-decoration:none}.user-card-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--surface-muted);border:1px solid var(--sidebar-border-light);color:var(--sidebar-text-hover);font-size:22px;line-height:1;flex-shrink:0;transition:border-color var(--transition-fast)}.user-card:hover .user-card-avatar{border-color:var(--sidebar-accent)}.user-card-avatar svg{width:22px;height:22px}.user-card-avatar.has-emoji{font-size:24px}.user-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2;word-break:break-word;flex:1;min-width:0}.course-switcher{position:relative;display:flex;align-items:center;justify-content:center}.course-section{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--sidebar-border)}.flag-btn{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:.25rem .6rem;cursor:pointer;font-size:var(--font-size-xl);line-height:1;transition:all var(--transition-normal)}.flag-btn:hover{background:var(--surface-muted);border-color:var(--accent-jade)}.flag-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--spacing-sm);margin-top:var(--spacing-sm);flex-direction:column;gap:var(--spacing-xs);z-index:100;box-shadow:var(--shadow-elevated);min-width:180px;max-height:350px;overflow-y:auto}.flag-dropdown.open{display:flex}.course-section .flag-dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--spacing-sm)}.flag-option{background:none;border:none;padding:.625rem var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-normal);display:flex;align-items:center;gap:.75rem;color:var(--text-body);font-size:var(--font-size-base);text-align:start;white-space:nowrap}.flag-option:hover{background:var(--surface-muted);color:var(--text-primary)}.flag-option.selected{background:var(--sticky-bg);color:var(--sticky-ink);border-radius:var(--sticky-radius);box-shadow:var(--sticky-lift);font-weight:var(--font-weight-bold)}.flag-option .flag{font-size:var(--font-size-2xl)}.same-language-block{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--spacing-xl)}.same-language-block[hidden]{display:none}.same-language-card{max-width:520px;text-align:center;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.same-language-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--spacing-md);border-radius:50%;background:var(--accent-jade-soft);color:var(--accent-jade-text);box-shadow:0 0 0 4px var(--accent-jade-overlay)}.same-language-icon svg{width:28px;height:28px}.same-language-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.same-language-message{margin:0;color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.same-language-switch{display:flex;justify-content:center;margin-top:var(--spacing-lg)}@media(max-width:1122px){.sidebar{display:none}.main{margin-inline-start:0}.bottombar{display:flex}.content{padding:var(--spacing-md)}}#nav-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1600;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .15s ease}#nav-progress.active{opacity:1}#nav-progress>i{position:absolute;top:0;bottom:0;left:-35%;width:35%;background:var(--accent-jade, #5fb3a3);border-radius:0 2px 2px 0}#nav-progress.active>i{animation:nav-progress-indeterminate 1.15s cubic-bezier(.65,.05,.36,1) infinite}@keyframes nav-progress-indeterminate{0%{left:-35%;width:35%}55%{left:55%;width:55%}to{left:100%;width:35%}}@media(prefers-reduced-motion:reduce){#nav-progress>i{left:0;width:100%}#nav-progress.active>i{animation:nav-progress-pulse 1s ease-in-out infinite}@keyframes nav-progress-pulse{0%,to{opacity:.45}50%{opacity:1}}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}