:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-300: #93c5fd;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #080f1a;--color-text: var(--gray-900);--color-text-muted: var(--gray-500);--color-text-subtle: var(--gray-400);--color-bg: var(--gray-50);--color-surface: #ffffff;--color-border: var(--gray-200);--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-text: #991b1b;--rail-width: 52px;--topbar-height: 48px;--workspace-sidebar-width: 260px;--content-max-width: 720px;--course-color-0: #3b82f6;--course-color-1: #7c3aed;--course-color-2: #059669;--course-color-3: #d97706;--course-color-4: #db2777;--course-color-5: #0891b2;--course-color-6: #dc2626;--course-color-7: #65a30d;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-pill: 999px;font-family:Pretendard,Inter,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body,button,input,textarea,select{font:inherit}button,input,textarea,select{border:0;outline:none}#root{min-height:100vh}.shell{display:flex;min-height:100vh}.shell__rail{width:var(--rail-width);flex-shrink:0;background:var(--gray-950);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:12px 0;position:sticky;top:0;height:100vh;z-index:30;overflow:visible}.shell__rail-brand{width:34px;height:34px;border-radius:var(--radius-md);background:var(--brand-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;flex-shrink:0;-webkit-user-select:none;user-select:none}.shell__rail-nav{flex:1;display:flex;flex-direction:column;gap:2px;width:100%;padding:0 8px;align-items:center}.shell__rail-link{position:relative;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--gray-500);text-decoration:none;transition:background .12s ease,color .12s ease;flex-shrink:0}.shell__rail-link:hover{background:#ffffff12;color:var(--gray-300)}.shell__rail-link--active{background:#3b82f62e;color:var(--brand-400)}.shell__rail-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--gray-800);border:1px solid var(--gray-700);color:#fff;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:100}.shell__rail-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--gray-800)}.shell__rail-link:hover .shell__rail-tooltip{opacity:1}.shell__rail-nav-icon{width:18px;height:18px;flex-shrink:0}.shell__rail-foot{display:flex;flex-direction:column;align-items:center;padding:0 8px;width:100%}.shell__rail-avatar{width:30px;height:30px;border-radius:50%;background:#3b82f633;color:var(--brand-400);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;cursor:default;-webkit-user-select:none;user-select:none}.shell__body{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.shell__topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;flex-shrink:0}.shell__topbar-crumb{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-muted);min-width:0}.shell__topbar-crumb-sep{color:var(--gray-300);font-size:.75rem}.shell__topbar-crumb-item{color:var(--color-text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell__topbar-crumb-item:hover{color:var(--color-text)}.shell__topbar-crumb-item--current{color:var(--color-text);font-weight:500}.shell__topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.shell__topbar-logout{font-size:.8rem;color:var(--gray-500);background:none;cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);transition:background .12s,color .12s;white-space:nowrap}.shell__topbar-logout:hover{background:var(--gray-100);color:var(--gray-700)}.shell__content{flex:1;padding:28px}.shell__content--workspace{padding:0;overflow:hidden}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:28px}.page-header__main{display:grid;gap:4px;min-width:0}.page-header__eyebrow{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-600)}.page-header__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text);line-height:1.2}.page-header__description{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.page-header__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.page-header__actions{flex-shrink:0;display:flex;gap:8px;align-items:center}.content-block{display:grid;gap:12px}.content-block--padded{padding:20px 0}.content-block--bordered{padding-bottom:24px;border-bottom:1px solid var(--color-border)}.content-block__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:0}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.course-card{display:block;text-decoration:none;padding:20px;border-radius:var(--radius-xl);border:1.5px solid var(--color-border);background:var(--color-surface);position:relative;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.course-card:hover{border-color:var(--course-accent);box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.course-card__accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--course-accent)}.course-card__title{font-size:.95rem;font-weight:700;color:var(--color-text);margin:0 0 6px;letter-spacing:-.01em;line-height:1.3}.course-card__meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:var(--color-text-muted);margin-bottom:16px}.course-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--color-border)}.collapsible-form>summary{list-style:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--brand-600);display:flex;align-items:center;gap:8px;padding:10px 0;-webkit-user-select:none;user-select:none;transition:color .1s}.collapsible-form>summary:hover{color:var(--brand-700)}.collapsible-form>summary::-webkit-details-marker{display:none}.collapsible-form>summary:before{content:"+";width:20px;height:20px;border-radius:50%;background:var(--brand-50);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;flex-shrink:0;color:var(--brand-600);transition:background .1s}.collapsible-form[open]>summary:before{content:"−";background:var(--brand-100)}.collapsible-form .inline-form{margin-top:8px}.inline-form{background:var(--gray-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;display:grid;gap:14px}.inline-form__heading{margin:0 0 2px;font-size:.875rem;font-weight:600;color:var(--color-text)}.inline-form__subtext{margin:0;font-size:.8rem;color:var(--color-text-muted)}.lecture-workspace{display:grid;grid-template-columns:var(--workspace-sidebar-width) 1fr;min-height:calc(100vh - var(--topbar-height))}.lecture-workspace__sidebar{border-right:1px solid var(--color-border);background:var(--gray-50);padding:24px 18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow-y:auto;flex-shrink:0}.lecture-back{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .1s;flex-shrink:0}.lecture-back:hover{color:var(--brand-600)}.lecture-meta{display:grid;gap:10px}.lecture-meta__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--color-text)}.lecture-meta__fields{display:grid;gap:6px}.lecture-meta-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8rem}.lecture-meta-item__label{color:var(--color-text-muted);white-space:nowrap}.lecture-meta-item__value{font-weight:600;color:var(--color-text);text-align:right}.lecture-tabnav{display:grid;gap:1px;border-top:1px solid var(--color-border);padding-top:12px}.lecture-tabnav__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:left;border:none}.lecture-tabnav__item:hover{background:var(--gray-100);color:var(--color-text)}.lecture-tabnav__item--active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.lecture-tabnav__icon{width:16px;height:16px;flex-shrink:0;opacity:.65}.lecture-tabnav__item--active .lecture-tabnav__icon{opacity:1}.lecture-workspace__pane{padding:32px 36px;overflow-y:auto;height:calc(100vh - var(--topbar-height))}.source-pane{display:grid;gap:24px;max-width:var(--content-max-width)}.source-pane__header{padding-bottom:18px;border-bottom:1px solid var(--color-border)}.source-pane__title{margin:0 0 4px;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.source-pane__subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted)}.source-list{display:grid;gap:12px}.source-item{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:10px}.source-item__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.source-item__date{font-size:.775rem;color:var(--color-text-muted)}.source-item__text{margin:0;font-size:.875rem;line-height:1.7;color:var(--gray-600);white-space:pre-wrap;max-height:120px;overflow:hidden;position:relative}.source-item__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-pane__forms{display:grid;gap:4px;padding-top:4px;border-top:1px solid var(--color-border)}.ai-doc{display:grid;gap:32px;max-width:var(--content-max-width)}.ai-doc__header{padding-bottom:20px;border-bottom:2px solid var(--gray-100);display:grid;gap:10px}.ai-doc__eyebrow{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-600);display:flex;align-items:center;gap:8px}.ai-doc__model{font-weight:400;color:var(--color-text-muted);text-transform:none;letter-spacing:0;font-size:.75rem}.ai-doc__overview{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;line-height:1.4}.ai-doc__flow{margin:0;font-size:.9rem;line-height:1.8;color:var(--gray-600);white-space:pre-wrap}.ai-doc__sections{display:grid;gap:10px}.ai-doc__subheader{margin:0 0 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.concept-item{display:grid;gap:6px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.concept-item:last-child{border-bottom:none}.concept-item__term{font-size:.9rem;font-weight:700;color:var(--color-text)}.concept-item__def{margin:0;font-size:.875rem;line-height:1.7;color:var(--gray-600);white-space:pre-wrap}.ai-doc__aids{display:grid;gap:18px;padding:22px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.study-aid__label{margin:0 0 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.study-aid__list{margin:0;padding-left:18px;display:grid;gap:4px}.study-aid__list li{font-size:.875rem;line-height:1.6;color:var(--gray-700)}.ai-doc__actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--color-border)}.doc-section{display:grid;gap:10px;padding:18px 20px;background:var(--color-surface);border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.doc-section__number{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);font-size:.68rem;font-weight:700;letter-spacing:.05em;width:fit-content;margin:0}.doc-section__heading{margin:0;font-size:1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;padding-left:10px;border-left:3px solid var(--brand-400)}.doc-section__detail{margin:0;font-size:.9rem;line-height:1.8;color:var(--gray-700);white-space:pre-wrap}.doc-section__points{margin:0;padding:10px 14px;list-style:none;display:grid;gap:6px;background:var(--brand-50);border-radius:var(--radius-md);border-left:3px solid var(--brand-200)}.doc-section__points li{display:flex;gap:8px;font-size:.875rem;line-height:1.6;color:var(--gray-700)}.doc-section__points li:before{content:"·";color:var(--brand-500);flex-shrink:0;font-weight:700;font-size:1.1rem;line-height:1.4}.edited-pane{display:grid;gap:24px;max-width:var(--content-max-width)}.edited-pane__header{padding-bottom:18px;border-bottom:1px solid var(--color-border)}.edited-pane__title{margin:0 0 4px;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.edited-pane__subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted)}.edited-note-ref{padding:16px;background:var(--gray-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:10px}.edited-note-ref__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0}.edited-note-ref__text{margin:0;font-size:.875rem;line-height:1.7;color:var(--gray-600);white-space:pre-wrap}.edited-note-snapshot{display:grid;gap:20px}.edited-note-snapshot__section{display:grid;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--gray-100)}.edited-note-snapshot__section:last-child{border-bottom:none}.edited-note-snapshot__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0}.edited-note-snapshot__text{margin:0;font-size:.9rem;line-height:1.8;color:var(--gray-700);white-space:pre-wrap}.course-detail{display:grid;gap:0}.course-detail__body{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start}.course-detail__primary{display:grid;gap:20px}.course-detail__sidebar{display:grid;gap:24px;position:sticky;top:calc(var(--topbar-height) + 28px)}.lecture-list{display:grid;gap:2px}.lecture-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background .1s}.lecture-row:hover{background:var(--gray-50)}.lecture-row__week{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.lecture-row__body{flex:1;display:grid;gap:1px;min-width:0}.lecture-row__title{font-size:.875rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecture-row__date{font-size:.775rem;color:var(--color-text-muted)}.lecture-row__arrow{width:14px;height:14px;color:var(--gray-400);flex-shrink:0}.workspace-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.workspace-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:.8125rem;font-weight:600;transition:border-color .12s,background .12s}.workspace-link:hover{border-color:var(--brand-300);background:var(--brand-50)}.workspace-link__icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:.9rem}.member-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;gap:8px}.member-row__avatar{width:26px;height:26px;border-radius:50%;background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.member-row__name{flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard{display:grid;gap:24px;max-width:700px}.dashboard__hero{padding:28px 32px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--gray-900) 0%,#1e3a5f 100%);color:#fff;position:relative;overflow:hidden}.dashboard__hero-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:-100px;right:-60px;pointer-events:none}.dashboard__eyebrow{margin:0 0 6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-400);position:relative}.dashboard__greeting{margin:0 0 8px;font-size:1.625rem;font-weight:700;letter-spacing:-.03em;position:relative;line-height:1.2}.dashboard__subtitle{margin:0;font-size:.9rem;color:var(--gray-300);position:relative;line-height:1.6}.dashboard__section-label{margin:0 0 12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.dashboard__quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboard__quick-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:var(--radius-xl);background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s}.dashboard__quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__quick-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard__quick-title{font-weight:600;font-size:.875rem;margin-bottom:3px;line-height:1.3}.dashboard__quick-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.5;margin:0}.dashboard__account{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-xl);background:var(--color-surface);border:1.5px solid var(--color-border)}.dashboard__account-avatar{width:38px;height:38px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.dashboard__account-info{flex:1;min-width:0;display:grid;gap:1px}.dashboard__account-name{font-size:.875rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__account-sub{font-size:.775rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:#dcfce7;color:#166534;font-size:.75rem;font-weight:600;flex-shrink:0}.dashboard__status-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;display:inline-block}.exam-list-page{display:grid;gap:0}.exam-list-page__body{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.exam-list-page__courses{display:grid;gap:10px;position:sticky;top:calc(var(--topbar-height) + 28px)}.exam-list-page__main{display:grid;gap:20px}.course-picker{display:grid;gap:2px}.course-picker__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-align:left;transition:background .1s,color .1s;width:100%}.course-picker__item:hover{background:var(--gray-100);color:var(--color-text)}.course-picker__item--active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.course-picker__accent{width:8px;height:8px;border-radius:50%;flex-shrink:0}.exam-note-list{display:grid;gap:8px}.exam-note-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);text-decoration:none;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.exam-note-row:hover{border-color:var(--brand-200);background:var(--brand-50);box-shadow:var(--shadow-sm)}.exam-note-row__title{font-weight:600;font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-note-row__meta{display:flex;align-items:center;gap:8px;font-size:.775rem;color:var(--color-text-muted);white-space:nowrap}.doc-empty{display:grid;gap:10px;padding:48px 24px;text-align:center;place-items:center}.doc-empty__title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text)}.doc-empty__text{margin:0;font-size:.875rem;color:var(--color-text-muted);max-width:320px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.55}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button--full{width:100%}.button--primary{background:var(--brand-600);color:#fff;box-shadow:0 1px 3px #2563eb40}.button--primary:hover:not(:disabled){background:var(--brand-700);box-shadow:0 4px 12px #2563eb4d}.button--secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.button--secondary:hover:not(:disabled){background:var(--gray-200)}.button--ghost{background:transparent;color:var(--brand-600);min-height:32px;padding:0 10px;font-size:.8125rem}.button--ghost:hover:not(:disabled){background:var(--brand-50)}.button--sm{min-height:32px;padding:0 10px;font-size:.8125rem;border-radius:var(--radius-sm)}.form-stack{display:grid;gap:14px}.field{display:grid;gap:6px}.field__label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.field__input{min-height:40px;padding:0 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.field__input::placeholder{color:var(--color-text-subtle)}.field__input:hover{border-color:var(--gray-300)}.field__input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #3b82f61f}.field__textarea{min-height:100px;padding:10px 12px;resize:vertical;line-height:1.6}.field__textarea--large{min-height:200px}.field__error{font-size:.8rem;color:var(--color-error)}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--gray-700)}.checkbox-row input{width:16px;height:16px;accent-color:var(--brand-600)}.state-message{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-200)}.state-message p{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.state-message strong{font-size:.875rem;color:var(--color-text)}.state-message--error{background:var(--color-error-bg);border-color:#fecaca}.state-message--error p{color:var(--color-error-text);opacity:.85}.state-message--error strong{color:var(--color-error-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 0}.card__title{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.card__description{margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.card__body{padding:14px 22px 18px;display:grid;gap:12px}.card__header+.card__body{padding-top:14px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-800);font-size:.75rem;font-weight:600;white-space:nowrap}.pill--gray{background:var(--gray-100);color:var(--gray-600)}.pill--green{background:#dcfce7;color:#166534}.pill--amber{background:#fef9c3;color:#854d0e}.pill--red{background:#fee2e2;color:#991b1b}.pill--sm{font-size:.7rem;padding:2px 8px}.pill-list{display:flex;flex-wrap:wrap;gap:6px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s}a.list-row:hover{border-color:var(--brand-200);background:var(--brand-50)}.list-row--static{cursor:default}.list-row--selected{border-color:var(--brand-500);background:var(--brand-50)}.list-stack{display:grid;gap:6px}.muted-copy,.inline-note{margin:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.link-inline{font-size:.875rem;color:var(--brand-600);text-decoration:none}.link-inline:hover{text-decoration:underline}.plain-list{margin:0;padding-left:18px;display:grid;gap:4px}.plain-list li{font-size:.875rem;line-height:1.6;color:var(--gray-700)}.detail-grid{display:grid;gap:8px}.page-center{min-height:100vh;display:grid;place-items:center;padding:24px}.language-switcher{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--gray-500)}.language-switcher--light{color:var(--gray-400)}.language-switcher__select{min-height:32px;padding:0 8px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.8125rem;color:var(--gray-700);cursor:pointer}.language-switcher--light .language-switcher__select{border-color:#fff3;background:#ffffff14;color:var(--gray-300)}.language-switcher--light .language-switcher__select option{color:var(--gray-800);background:var(--color-surface)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-layout__panel{display:flex;flex-direction:column;padding:48px 52px}.auth-layout__panel--brand{background:linear-gradient(145deg,var(--gray-900) 0%,#1e3a5f 100%);color:#f1f5f9;justify-content:space-between;position:relative;overflow:hidden}.auth-layout__panel--brand:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}.auth-layout__panel--brand:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);bottom:-80px;left:-60px;pointer-events:none}.auth-layout__panel--form{background:var(--color-surface);justify-content:center}.auth-layout__topbar{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:1}.auth-layout__brand-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;z-index:1}.auth-layout__brand-logo{width:48px;height:48px;border-radius:var(--radius-lg);background:#3b82f633;display:flex;align-items:center;justify-content:center}.auth-layout__brand-title{margin:0;font-size:1.875rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#fff}.auth-layout__brand-desc{margin:0;color:var(--gray-300);line-height:1.7;font-size:.95rem;max-width:320px}.auth-layout__link{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s;align-self:flex-start;position:relative;z-index:1}.auth-layout__link:hover{background:#ffffff29}.auth-layout__footer{font-size:.75rem;color:var(--gray-600);position:relative;z-index:1}.auth-layout__form-inner{max-width:400px;width:100%;margin:0 auto}.shell__eyebrow{margin:0 0 4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-500)}.export-page{min-height:100vh;padding:28px;background:var(--gray-100)}.export-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 24px;max-width:860px}.export-document{max-width:860px;margin:0 auto;padding:52px 64px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.export-document__header{padding-bottom:24px;border-bottom:2px solid var(--gray-100);margin-bottom:8px}.export-document__header h1{margin:0 0 10px;font-size:1.875rem;font-weight:700;letter-spacing:-.02em}.export-document__eyebrow{margin:0 0 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-600)}.export-document__meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:.8125rem;color:var(--color-text-muted);margin-top:4px}.export-document__body{display:grid;gap:24px;padding-top:24px}.export-section h2{margin:0 0 10px;font-size:1.05rem;font-weight:600}.export-section p,.export-section li{font-size:.9rem;line-height:1.8;white-space:pre-wrap;color:var(--gray-700)}@media(max-width:1024px){.course-detail__body{grid-template-columns:1fr 220px}}@media(max-width:860px){.course-detail__body,.exam-list-page__body{grid-template-columns:1fr}.course-detail__sidebar,.exam-list-page__courses{position:static}.lecture-workspace{grid-template-columns:1fr}.lecture-workspace__sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.lecture-workspace__pane{height:auto;padding:24px 20px}.page-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.shell{flex-direction:column}.shell__rail{width:100%;height:var(--rail-width);flex-direction:row;padding:0 12px;position:sticky;top:0}.shell__rail-brand{margin-bottom:0;margin-right:8px;width:28px;height:28px;font-size:.875rem}.shell__rail-nav{flex-direction:row;width:auto;padding:0}.shell__rail-foot{margin-top:0;margin-left:auto}.shell__rail-tooltip,.shell__topbar{display:none}.shell__content{padding:16px}.auth-layout{grid-template-columns:1fr}.auth-layout__panel--brand{min-height:200px;padding:28px 24px}.auth-layout__panel--form{padding:28px 24px}.dashboard__quick-grid{grid-template-columns:1fr}.workspace-links{grid-template-columns:repeat(2,1fr)}.export-document{padding:28px 20px}}.shell__content:has(.lecture-workspace){padding:0;overflow:hidden}.split-workspace{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.split-workspace__list{position:sticky;top:calc(var(--topbar-height) + 28px);display:grid;gap:16px}.split-workspace__detail{display:grid;gap:20px}.post-row,.assignment-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;width:100%;color:var(--color-text)}.post-row:hover,.assignment-row:hover{background:var(--gray-50)}.post-row--active,.assignment-row--active{background:var(--brand-50)}.post-row__body,.assignment-row__body{flex:1;min-width:0;display:grid;gap:1px}.post-row__title,.assignment-row__title{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-row__meta,.assignment-row__meta{font-size:.775rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--planned{background:var(--gray-300)}.status-dot--ongoing{background:var(--brand-500)}.status-dot--done{background:#16a34a}.status-dot--closed{background:var(--gray-400)}.post-detail{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:20px}.post-detail__header{padding-bottom:16px;border-bottom:1px solid var(--color-border);display:grid;gap:6px}.post-detail__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.post-detail__date{margin:0;font-size:.8rem;color:var(--color-text-muted)}.post-detail__content{margin:0;font-size:.9rem;line-height:1.8;color:var(--gray-700);white-space:pre-wrap}.attachment-list{display:grid;gap:6px}.attachment-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--color-border)}.attachment-item__name{font-size:.875rem;font-weight:500;color:var(--brand-600);text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item__name:hover{text-decoration:underline}.attachment-item__type{font-size:.775rem;color:var(--color-text-muted);flex-shrink:0}@media(max-width:860px){.split-workspace{grid-template-columns:1fr}.split-workspace__list{position:static}}.account-overview{display:flex;align-items:center;gap:18px;padding:20px 22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.account-overview__avatar{width:52px;height:52px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.02em}.account-overview__info{flex:1;min-width:0;display:grid;gap:3px}.account-overview__name{font-size:1rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-overview__sub{font-size:.8125rem;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-overview__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.static-field{display:grid;gap:6px}.static-field__label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.static-field__value{font-size:.875rem;color:var(--color-text-muted);padding:0 2px}.settings-note{font-size:.8rem;color:var(--color-text-muted);margin:0;line-height:1.5}.admin-page{display:grid;gap:24px}.user-list{display:grid;gap:2px}.user-entry{border-radius:var(--radius-md)}.user-entry>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;transition:background .1s}.user-entry>summary::-webkit-details-marker{display:none}.user-entry>summary:before{content:"▸";font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .15s}.user-entry[open]>summary:before{transform:rotate(90deg)}.user-entry>summary:hover{background:var(--gray-50)}.user-entry[open]>summary{background:var(--gray-50);border-radius:var(--radius-md) var(--radius-md) 0 0}.user-entry__name{font-size:.875rem;font-weight:600;color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-entry__pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.user-entry>.inline-form{border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:0}@media print{@page{margin:14mm}body{background:#fff}.no-print{display:none!important}.export-page{padding:0;background:#fff}.export-document{max-width:none;margin:0;padding:0;border-radius:0;box-shadow:none}.export-document__eyebrow{display:none}}