:root{--bg: #0f141c;--bg-elevated: #151c27;--panel: #1a2230;--line: rgba(148, 173, 209, .16);--line-strong: rgba(148, 173, 209, .32);--text: #dbe4f0;--text-dim: #93a4bd;--text-faint: #6c7d96;--accent: #4c8dff;--accent-soft: rgba(76, 141, 255, .16);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .14);--warn: #f0b94a;--warn-soft: rgba(240, 185, 74, .14);--danger: #ff6b72;--danger-soft: rgba(255, 107, 114, .14);--radius: 8px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login__box{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}.login__box h1{font-size:18px;letter-spacing:.02em}.login__box p{color:var(--text-dim);font-size:12px}.login__hint{margin-top:2px;padding-top:12px;border-top:1px dashed var(--line);line-height:1.6}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}.nav{background:var(--bg-elevated);border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.nav__brand{font-weight:700;letter-spacing:.02em;padding:0 10px 12px;display:flex;flex-direction:column;gap:2px}.nav__brand small{color:var(--text-faint);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.nav__link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--text-dim);font-weight:600;transition:background .14s ease-out,color .14s ease-out}.nav__link:hover{background:#94add114;color:var(--text)}.nav__link.active{background:var(--accent-soft);color:var(--accent)}.nav__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.nav__user{padding:0 10px;font-size:11px;color:var(--text-faint)}.main{min-width:0;display:flex;flex-direction:column;gap:18px;padding:22px 26px 48px}.head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.head h1{font-size:20px}.head p{color:var(--text-dim);font-size:12px;max-width:76ch}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.input,.select{height:34px;padding:0 10px;border-radius:6px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4c8dff2e}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text);font-weight:600;cursor:pointer;transition:border-color .14s ease-out,background .14s ease-out,transform .1s ease-out}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:transparent;color:#fff}.btn--primary:hover:not(:disabled){color:#fff;filter:brightness(1.08)}.btn--ghost{background:transparent}.btn--sm{height:26px;padding:0 8px;font-size:12px}.btn--full{width:100%;justify-content:center}.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;background:#94add11f;color:var(--text-dim);white-space:nowrap}.tag--ok{background:var(--ok-soft);color:var(--ok)}.tag--warn{background:var(--warn-soft);color:var(--warn)}.tag--danger{background:var(--danger-soft);color:var(--danger)}.tag--accent{background:var(--accent-soft);color:var(--accent)}.ai-active-flag{margin-left:8px}.link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:12px;text-decoration:none}.link:hover{text-decoration:underline}.lesson-fold{display:flex;flex-direction:column;gap:4px}.lesson-fold summary{cursor:pointer;color:var(--text-dim);font-family:var(--mono);font-size:12px}.lesson-list{margin:0;padding-left:18px;font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:2px}.toc-text{margin:0;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text-dim);max-height:320px;overflow:auto}.ebook-frame{width:100%;height:78vh;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}.form-grid .field:first-child{grid-column:1 / -1}textarea.input{resize:vertical;min-height:44px;font-family:inherit;line-height:1.6}.chip-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;cursor:pointer}.chip--on{border-color:var(--accent);background:#4c8dff24;color:var(--text)}.chip input{accent-color:var(--accent)}.editor-narrow{max-width:120px}.section-editor{display:flex;flex-direction:column;gap:8px;padding:10px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.field--wide{grid-column:1 / -1}.field--narrow{flex:0 0 auto}.input--narrow{width:92px;flex:0 0 auto}.chip-picker--tall{max-height:220px;overflow-y:auto;align-content:flex-start}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger-soft)}.reset-row{margin-top:6px}.reset-row .input{max-width:200px}.review-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px}.review-note{flex:1 1 200px;min-width:160px;height:28px}.profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) auto;gap:10px;align-items:end}.gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.field small{font-size:11px;color:var(--text-faint)}.field--check{flex-direction:row;align-items:center;gap:8px;padding-bottom:6px}.runtime-list{margin:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}.runtime-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline}.runtime-list dt{color:var(--text-faint)}.runtime-list dd{margin:0;word-break:break-all}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.panel__head h2{font-size:14px;display:flex;align-items:center;gap:6px}.panel--sub{background:var(--bg-elevated);border-style:dashed;padding:12px 14px}.panel--sub h3{font-size:13px;display:flex;align-items:center;gap:6px}code{font-family:var(--mono);font-size:.9em;padding:1px 5px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--line)}.grid{display:grid;gap:12px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:2px}.stat__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.stat__value{font-family:var(--mono);font-size:22px;font-weight:700}.stat__hint{font-size:11px;color:var(--text-faint)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters .input,.filters .select{min-width:128px}.filters .input--grow{flex:1 1 200px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.table{font-size:12.5px;min-width:760px}.table th,.table td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table thead th{position:sticky;top:0;background:var(--bg-elevated);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);z-index:1}.table tbody tr:hover{background:#94add10d}.table td .mono{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.table td .prompt{display:block;font-weight:600;color:var(--text);margin:1px 0}.table td .answer{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ok)}.table td .cell-sub{display:block}.table td:last-child{white-space:nowrap}.pager{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.muted{color:var(--text-faint)}.mono{font-family:var(--mono)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text-dim);font-size:12.5px}.list b{color:var(--text)}.bar{height:6px;border-radius:3px;background:#94add129;overflow:hidden}.bar__fill{height:100%;background:var(--accent)}.bar__fill--warn{background:var(--warn)}.bar__fill--danger{background:var(--danger)}.notice{padding:8px 12px;border-radius:6px;font-size:12.5px}.notice--danger{background:var(--danger-soft);color:var(--danger)}.notice--warn{background:var(--warn-soft);color:var(--warn)}.notice--ok{background:var(--ok-soft);color:var(--ok)}.skeleton{height:120px;border-radius:var(--radius);background:linear-gradient(90deg,var(--panel) 25%,var(--bg-elevated) 37%,var(--panel) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:860px){.shell{grid-template-columns:1fr}.nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.nav__foot{margin-top:0;margin-left:auto;border-top:none;padding-top:0}}