*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}:root{--bg: #f6f7f9;--surface: #ffffff;--text: #0b1020;--muted: #6b7280;--ring: rgba(0,0,0,.06);--border: rgba(0,0,0,.08);--shadow: 0 1px 2px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06);--brand-600: #2563eb;--brand-700: #1d4ed8;--ok: #059669;--warn: #d97706;--danger: #dc2626;--radius: 16px}@media (prefers-color-scheme: dark){:root{--bg: #0b0f19;--surface: rgba(24, 24, 27, .9);--text: #e5e7eb;--muted: #9ca3af;--ring: rgba(255,255,255,.08);--border: rgba(255,255,255,.12);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.35)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);outline:1px solid var(--ring);overflow:hidden}.sticky{position:sticky;top:16px;align-self:start}.card-col{display:flex;flex-direction:column;min-height:0}.cardHeader,.tablist{flex:0 0 auto}.section{min-width:0}.section-grow{flex:1 1 auto;min-height:0;overflow:hidden;padding-top:0}.page-wrap{max-width:min(96vw,1640px);margin:0 auto;padding:24px 16px;position:relative;z-index:1}.grid{display:grid;gap:24px;align-items:start;grid-template-columns:2fr 1fr 1fr;grid-template-areas:"left mid right"}.grid>*{min-width:0}.pane-left{grid-area:left}.pane-mid{grid-area:mid}.pane-right{grid-area:right}.chatList,.chatMsg,.leftContent,.section,.section-grow{min-width:0}.chatMsg{word-break:break-word}@media (min-width: 900px){.grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 640px){.grid{grid-template-columns:1fr;grid-template-areas:"left" "mid" "right"}.pane{position:static}}.section-grow>.cm-editor{min-width:0;width:100%;height:100%}.cm-scroller{overflow-x:auto;overflow-y:auto;height:100%}.section-grow>.cm-editor{flex:1 1 auto;min-width:0;width:100%;height:100%;overflow:hidden;border:1px solid var(--ring);border-radius:12px}.cm-scroller{overflow-y:auto;overflow-x:auto;height:100%}button,.btn{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:999px;padding:.5rem .9rem;background:#f3f4f6}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btnPrimary,button.btnPrimary{background:var(--brand-600);color:#fff}.btnPrimary:hover:not(:disabled){background:var(--brand-700)}.input,textarea.input,textarea,input,select{width:100%;background:#f9fafb;color:inherit;border:1px solid var(--ring);border-radius:12px;padding:.55rem .7rem;outline:none}.input:focus,textarea:focus,input:focus,select:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px #2563eb26}.select{width:auto}.tablist{display:flex;gap:0;padding:0;border-bottom:1px solid var(--ring);background:transparent}.tab{appearance:none;background:none;border:none;margin:0;padding:10px 12px;font:inherit;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;cursor:pointer}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.pill,.pill-easy,.pill-medium,.pill-hard{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill{background:#e5e7eb;color:#111827}.pill-easy{background:#05966926;color:#065f46}.pill-medium{background:#d977062e;color:#92400e}.pill-hard{background:#dc26262e;color:#7f1d1d}.prose{line-height:1.6;color:inherit}.prose h1,.prose h2,.prose h3{margin:.75rem 0 .5rem}.prose pre,pre.prose{background:#11182712;border:1px solid var(--ring);border-radius:12px;padding:.75rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.navbar{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--ring);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navInner{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}.brand{font-weight:700;font-size:16px;color:var(--text);text-decoration:none}.navLinks{display:flex;gap:8px}.navlink{padding:6px 10px;border-radius:8px;color:var(--muted);text-decoration:none}.navlink:hover{background:#0000000a;color:var(--text)}.navlink.active{color:var(--text);background:#00000014}.spacer{flex:1}.userMenu{position:relative}.userButton{display:inline-flex;align-items:center;padding:2px;border-radius:999px;border:1px solid var(--ring);background:#f8fafc}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;font-weight:700;background:var(--brand-600);color:#fff}.menuPanel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--ring);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.menuHeader{padding:10px 12px;border-bottom:1px solid var(--ring)}.menuName{font-weight:700;font-size:14px}.menuEmail{font-size:12px;color:var(--muted);margin-top:2px;word-break:break-all}.menuItem{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:none;color:inherit;text-decoration:none;cursor:pointer}.menuItem:hover{background:#0000000a}.menuItem.danger{color:var(--danger)}.page-wrap{max-width:1500px;margin:0 auto;padding:24px 16px}.leftCard{display:flex;flex-direction:column;min-height:0}.leftContent{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px}.chatList{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto;padding-right:4px}.muted{color:var(--muted)}