.content-page{display:flex;min-height:calc(100vh - var(--topbar-height))}.content-page__content{flex:1;min-width:0}.content-home__topbar{border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30;background:#0e0d0cf2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.content-home__topnav{max-width:100%;padding:var(--space-3) var(--space-6)}.content-home__top-actions{display:flex;align-items:center;gap:.75rem}.content-home__search{height:2.25rem;width:12rem}.content-home__search-icon{display:none}.content-home__hamburger{display:flex}.nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.nav__overlay--visible{opacity:1;pointer-events:all}.content-home__sidebar{position:fixed;top:0;left:0;bottom:0;z-index:210;width:300px;max-width:82vw;height:100vh;overflow-y:auto;padding:var(--space-5);border-right:1px solid var(--color-border);background:var(--color-surface);transform:translate(-100%);transition:transform var(--transition-slow)}.content-home__sidebar--open{transform:translate(0)}.content-home__side-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.content-home__side-list{display:flex;flex-direction:column;gap:var(--space-2)}.content-home__side-link{display:flex;align-items:center;justify-content:space-between;text-decoration-line:none;color:var(--color-text-2);border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.content-home__side-link:hover{color:var(--color-text);border-color:var(--color-border-2);background:var(--color-surface-2);text-decoration:none}.content-home-page--menu-open,.course-class-page--menu-open{overflow:hidden}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:min(10vh,80px) var(--space-4) var(--space-4);background:#000000b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .15s ease}.spotlight--open{opacity:1;pointer-events:all}.spotlight__panel{display:flex;flex-direction:column;width:100%;max-width:680px;max-height:80vh;background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 32px 64px #000000b3,0 0 0 1px #ffffff0a;transform:scale(.96) translateY(-10px);transition:transform .15s ease}.spotlight--open .spotlight__panel{transform:scale(1) translateY(0)}.spotlight__input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.spotlight__search-svg{color:var(--color-text-2);flex-shrink:0}.spotlight__input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-md);color:var(--color-text);font-family:inherit}.spotlight__input::-moz-placeholder{color:var(--color-text-3)}.spotlight__input::placeholder{color:var(--color-text-3)}.spotlight__esc-badge{font-size:var(--text-2xs);font-family:inherit;font-weight:var(--weight-medium);color:var(--color-text-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);line-height:1.4;flex-shrink:0}.spotlight__body{overflow-y:auto;flex:1}.spotlight__section{padding:var(--space-4) var(--space-5) var(--space-2)}.spotlight__section-label{margin:0;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-3);padding:var(--space-3) var(--space-5) var(--space-2)}.spotlight__results-list{display:flex;flex-direction:column}.spotlight__item{display:flex;align-items:center;text-decoration-line:none;gap:var(--space-4);padding:var(--space-3) var(--space-5);color:var(--color-text);cursor:pointer;transition:background var(--transition-base);border:none;text-decoration:none}.spotlight__item:hover,.spotlight__item--selected{background:var(--color-surface-2);text-decoration:none}.spotlight__item--selected{border-left:2px solid var(--color-accent);padding-left:calc(var(--space-5) - 2px)}.spotlight__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:16px;flex-shrink:0;overflow:hidden}.spotlight__item-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spotlight__item-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.spotlight__item-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight__item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-2);line-height:1.3}.spotlight__item-meta-sep{color:var(--color-text-3)}.spotlight__item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:2px}.spotlight__item-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.spotlight__enter-hint{display:none;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-2)}.spotlight__item--selected .spotlight__enter-hint{display:flex}.spotlight__highlight{padding-left:0;padding-right:0;background:transparent;color:var(--color-accent);font-weight:var(--weight-semibold)}.spotlight__subject-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) var(--space-5) var(--space-4)}.spotlight__subject-tag{display:flex;align-items:center;text-decoration-line:none;gap:var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:opacity var(--transition-base),border-color var(--transition-base)}.spotlight__subject-tag:hover{opacity:.8;text-decoration:none}.spotlight__subject-dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-round);flex-shrink:0}.spotlight__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center}.spotlight__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-2);font-size:var(--text-sm);gap:var(--space-2)}.spotlight__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-round);animation:spotlight-spin .6s linear infinite}@keyframes spotlight-spin{to{transform:rotate(360deg)}}.spotlight__footer{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0}.spotlight__footer-hint{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--color-text-3)}.spotlight__kbd{font-size:var(--text-2xs);font-family:inherit;color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);padding:1px 5px;line-height:1.5}@media(max-width:960px){.content-home__search{display:none}.content-home__search-icon{display:inline-flex}}@media(max-width:640px){.spotlight{padding:var(--space-4) var(--space-2) var(--space-2);align-items:flex-start}.spotlight__panel{max-height:90vh}}