:root{--bg:#f6f3ee;--ink:#1c1917;--muted:#78716c;--card:#fffdf9;--line:#e7e0d5;--accent:#0f766e;--accent-soft:#ccfbf1;--danger:#b91c1c;--font:"Segoe UI","Trebuchet MS",sans-serif;--display:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#d8f3ef 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#fde7d4 0,transparent 50%),var(--bg);color:var(--ink);font-family:var(--font);min-height:100%}a{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:.55rem .9rem}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;background:#fff}textarea{min-height:280px;font-family:ui-monospace,Consolas,monospace;font-size:.92rem;line-height:1.45}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{padding:1.25rem 1rem;border-right:1px solid var(--line);background:rgba(255,253,249,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav h1{font-family:var(--display);font-size:1.35rem;margin:0 0 .35rem;line-height:1.2}.nav .hint{color:var(--muted);font-size:.85rem;margin-bottom:1.25rem}.nav button.tab{display:block;width:100%;text-align:left;margin-bottom:.4rem;background:transparent}.nav button.tab.active{background:var(--accent-soft);border-color:#99f6e4;font-weight:600}.main{padding:1.25rem 1.5rem 2.5rem}.login{max-width:420px;margin:12vh auto;padding:1.75rem;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(28,25,23,.06)}.login h1{font-family:var(--display);margin-top:0}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.75rem 0}.split{display:grid;grid-template-columns:260px 1fr;grid-gap:1rem;gap:1rem;min-height:70vh}.list{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:auto;max-height:78vh}.list button.item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:.85rem 1rem}.list button.item.active{background:var(--accent-soft)}.panel{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:1rem 1.15rem}.err{color:var(--danger);margin:.5rem 0}.muted{color:var(--muted)}.md{line-height:1.55}.md h1,.md h2,.md h3{font-family:var(--display);line-height:1.25}.md pre{background:#1c1917;color:#f5f5f4;padding:.85rem 1rem;border-radius:10px;overflow:auto}.md .md-img{max-width:100%;border-radius:12px;border:1px solid var(--line);margin:.75rem 0}.mermaid-wrap{margin:1rem 0;padding:.75rem;overflow:auto}.mermaid-wrap,.term-card{background:#fff;border:1px solid var(--line);border-radius:12px}.term-card{padding:.9rem 1rem;margin-bottom:.65rem}.term-card strong{font-size:1.05rem}.hist-item{border-left:3px solid var(--accent);padding:.35rem 0 .85rem 1rem;margin-bottom:.5rem}.hist-item .when{color:var(--muted);font-size:.85rem}.edit-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}@media (max-width:900px){.edit-grid,.shell,.split{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line)}}