.gate[data-v-ec0cf5e4]{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px}.gate__box[data-v-ec0cf5e4]{text-align:center}.gate__title[data-v-ec0cf5e4]{font-size:20px;font-weight:600;margin-bottom:6px}.gate__dots[data-v-ec0cf5e4]{display:flex;gap:18px;justify-content:center;position:relative;cursor:text}.gate__dot[data-v-ec0cf5e4]{width:14px;height:14px;border-radius:50%;border:1px solid var(--border);background:var(--surface);transition:background .15s ease,border-color .15s ease}.gate__dot--on[data-v-ec0cf5e4]{background:var(--accent);border-color:var(--accent)}.gate__dots--error .gate__dot[data-v-ec0cf5e4]{border-color:#ff8f8f}.gate__input[data-v-ec0cf5e4]{position:absolute;top:-14px;right:0;bottom:-14px;left:0;width:100%;opacity:0;border:none;background:none;font-size:16px}.gate__hint[data-v-ec0cf5e4]{margin-top:18px;font-size:13px;color:#ff8f8f;min-height:20px}:root{--bg: #0f1115;--surface: #171a21;--surface-hover: #1e2230;--border: #262b36;--text: #e8eaf0;--text-dim: #9aa2b4;--text-faint: #6b7385;--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .14);--radius: 12px;--max-width: 1080px;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.page{max-width:var(--max-width);margin:0 auto;padding:20px 16px calc(48px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#0f1115db;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border)}.topbar__title{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__back{flex:none;color:var(--text-dim);font-size:14px;padding:4px 8px;border-radius:8px}.topbar__back:hover{background:var(--surface-hover);color:var(--text)}h1{font-size:24px;line-height:1.35;margin:0 0 8px}h2{font-size:18px;margin:28px 0 12px}.muted{color:var(--text-dim);font-size:14px;margin:0 0 20px}.faint{color:var(--text-faint);font-size:13px}.card-list{display:grid;gap:10px}.card{display:block;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s ease,border-color .15s ease}.card:hover{background:var(--surface-hover);border-color:#333a4a}.card__title{font-size:16px;font-weight:600;margin-bottom:4px}.card__meta{color:var(--text-dim);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.lecture{display:flex;align-items:baseline;gap:12px;padding:14px 16px}.lecture__index{flex:none;width:26px;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:14px}.lecture__title{flex:1;min-width:0}.lecture__duration{flex:none;color:var(--text-faint);font-size:13px;font-variant-numeric:tabular-nums}.state{padding:48px 16px;text-align:center;color:var(--text-dim)}.state--error{color:#ff8f8f}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--text-dim);font-size:14px}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em;background:var(--surface-hover);padding:2px 6px;border-radius:6px}