.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.app__title{font-weight:600;font-size:15px}.app__subtitle{color:var(--muted);font-size:13px}.app__spacer{flex:1}.app__student{color:var(--text);font-size:13px}.app__switch{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.app__switch:hover{color:var(--text);border-color:var(--accent)}.login{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column}.login__title{margin:0 0 6px;font-size:20px}.login__sub{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}.login__label{font-size:13px;color:var(--muted);margin-bottom:6px}.login__input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px}.login__input:focus{outline:none;border-color:var(--accent)}.login__btn{margin-top:16px;background:var(--accent);color:#0b1220;border:0;border-radius:10px;padding:11px;font-weight:600;font-size:14px;cursor:pointer}.login__btn:disabled{opacity:.5;cursor:default}.login__note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.login__error{margin:12px 0 0;color:#ff8585;font-size:13px}.admin{max-width:820px;margin:0 auto;padding:28px 24px 48px;color:var(--text)}.admin__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.admin__head h1{font-size:20px;margin:0}.admin__exit{color:var(--muted);font-size:13px;text-decoration:none}.admin__exit:hover{color:var(--accent)}.admin__new{display:flex;gap:8px;margin-bottom:8px}.admin__input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font:inherit;font-size:14px}.admin__input:focus{outline:none;border-color:var(--accent)}.admin__btn{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer}.admin__btn:hover{border-color:var(--accent)}.admin__select{flex:0 0 auto;max-width:220px}.admin__btn--primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600;white-space:nowrap}.admin__error{color:#ff8585;font-size:13px;margin:6px 0}.admin__table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}.admin__table th,.admin__table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}.admin__table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin__code{background:var(--accent-soft);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:14px;letter-spacing:.05em}.admin__muted{color:var(--muted)}.admin__empty{color:var(--muted);text-align:center;padding:24px}.admin__hint{color:var(--muted);font-size:12.5px;margin-top:16px;line-height:1.5}.app__split{display:grid;grid-template-columns:1fr 420px;flex:1;min-height:0}.content{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel-2);overflow:hidden;min-height:0}.content__empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;padding:24px;text-align:center}.content__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex:0 0 auto}.content__barleft{display:flex;align-items:center;gap:10px;min-width:0}.content__back{flex:0 0 auto;background:var(--accent-soft);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.content__back:hover{border-color:var(--accent)}.content__title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content__pos{color:var(--muted);font-size:12px;white-space:nowrap}.content__frame{flex:1;width:100%;border:0;background:#fff}.content__md{flex:1;overflow:auto;padding:20px 28px 40px;line-height:1.65;font-size:15px;color:var(--text)}.content__md h1,.content__md h2,.content__md h3{line-height:1.3;margin:1.2em 0 .5em}.content__md h1{font-size:1.5em}.content__md h2{font-size:1.25em}.content__md h3{font-size:1.08em}.content__md h1:first-child,.content__md h2:first-child{margin-top:0}.content__md p{margin:.6em 0}.content__md ul,.content__md ol{padding-left:1.4em;margin:.6em 0}.content__md li{margin:.3em 0}.content__md a{color:var(--accent)}.content__md code{background:#0c0f14;border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:.88em}.content__md pre{background:#0c0f14;border:1px solid var(--border);border-radius:8px;padding:12px 14px;overflow:auto}.content__md pre code{border:0;padding:0;background:none}.content__md blockquote{margin:.8em 0;padding:2px 14px;border-left:3px solid var(--accent);color:var(--muted)}.content__md table{border-collapse:collapse;margin:.8em 0;font-size:.92em}.content__md th,.content__md td{border:1px solid var(--border);padding:6px 10px;text-align:left}.content__md img{max-width:100%}.content__md .term{font:inherit;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;border-bottom:1px dashed var(--accent)}.content__md .term:hover{background:var(--accent-soft)}.content__md .courseware-link{color:var(--accent);font-weight:600}.content__md .courseware-link:before{content:"▶ ";font-size:.85em}.term-popover{position:fixed;z-index:50;width:300px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000073;font-size:13.5px}.term-popover__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;border-bottom:1px solid var(--border)}.term-popover__close{background:none;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.term-popover__close:hover{color:var(--text)}.term-popover__body{padding:10px 12px 12px;line-height:1.5;color:var(--text);white-space:pre-wrap}.home{overflow:auto;padding:28px 30px 40px}.home__head{margin-bottom:22px}.home__title{margin:0 0 8px;font-size:22px}.home__desc{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:60ch}.home__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.home__item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.home__item--current{border-color:var(--accent)}.home__item--todo{opacity:.82}.home__badge{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:13px;border:1px solid var(--border);color:var(--muted)}.home__badge--done{background:#14361f;color:#5bd17e;border-color:#1f5230}.home__badge--current,.home__badge--next{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.home__info{flex:1;min-width:0}.home__lessontitle{font-weight:600;font-size:14px}.home__summary{color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.45}.home__btn{flex:0 0 auto;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.home__btn:hover{border-color:var(--accent)}.home__btn--primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}.chat{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.chat__log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:90%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.msg--user{align-self:flex-end;background:var(--accent-soft)}.msg--assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.chat__empty{color:var(--muted);font-size:14px;margin:auto;text-align:center;padding:24px}.chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat__input{flex:1;resize:none;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px}.chat__input:focus{outline:none;border-color:var(--accent)}.chat__send{background:var(--accent);color:#0b1220;border:0;border-radius:10px;padding:0 16px;font-weight:600;cursor:pointer}.chat__send:disabled{opacity:.5;cursor:default}:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #6ea8fe;--accent-soft: #243049;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}