:root{color-scheme:light;--c-d: #4a0f0f;--c: #7b1c1c;--c-l: #9b2828;--gold: #c8952a;--gold-l: #e0b848;--parch: #f7f0e5;--parch-d: #ede3ce;--white: #fdfaf5;--ink: #201408;--ink-s: #6b5840;--ink-dim: #a08b6e;--border: #ddd0b8;--green: #1e6f55;--blue: #315d8c;--purple: #6c5a8f;--red: #9e2f2f;--serif: "Noto Serif SC", "Songti SC", STSong, serif;--sans: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at top right,rgba(200,149,42,.13),transparent 28rem),linear-gradient(180deg,var(--parch),#f3eadb);font-family:var(--sans);font-size:15px;line-height:1.8}body:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-d),var(--gold),var(--gold-l),var(--gold),var(--c-d));z-index:20}button,input,textarea,select{font:inherit}a{color:var(--gold);font-weight:600;text-decoration:none}a:hover{color:var(--c-l)}.app{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:linear-gradient(170deg,var(--c-d) 0%,var(--c) 62%,var(--c-l) 100%);border-right:1px solid rgba(200,149,42,.38);box-shadow:3px 0 16px #4a0f0f47;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(255,255,255,.035) 28px,rgba(255,255,255,.035) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(255,255,255,.035) 28px,rgba(255,255,255,.035) 29px);pointer-events:none}.brand,.sidebar nav{position:relative;z-index:1}.brand{display:flex;gap:12px;align-items:center;padding:13px 12px 18px;margin-bottom:18px;border-bottom:1px solid rgba(224,184,72,.26);color:#fdf6e0}.brand svg{color:var(--gold-l);flex-shrink:0}.brand strong,.brand span{display:block}.brand strong{font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.45;letter-spacing:.04em}.brand span{margin-top:4px;color:#fdfaf594;font-size:12px}.muted{color:var(--ink-dim)}nav{display:grid;gap:8px}nav button,.hero-actions button,.concept-list button,.relation-list button,.year-bars button{border:0;cursor:pointer}nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:4px;color:#fdfaf5b8;background:transparent;text-align:left;transition:color .18s,background .18s,transform .18s}nav button:hover{color:#fff;background:#ffffff14}nav button.active{color:var(--gold-l);background:#4a0f0f6b;box-shadow:inset 3px 0 0 var(--gold-l)}main{min-width:0}.page{width:min(1180px,calc(100vw - 332px));margin:0 auto;padding:34px 0 52px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;min-height:360px;align-items:center;padding:34px 0;border-bottom:1px solid var(--parch-d)}.compact-hero{min-height:260px}.graph-header{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:end;margin-bottom:22px;padding:28px 30px 32px;background:linear-gradient(140deg,var(--c-d),var(--c));border:1px solid rgba(200,149,42,.28);border-radius:4px;box-shadow:0 3px 16px #4a0f0f2e;position:relative;overflow:hidden}.graph-header:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(255,255,255,.03) 28px,rgba(255,255,255,.03) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(255,255,255,.03) 28px,rgba(255,255,255,.03) 29px)}.graph-header>*{position:relative;z-index:1}.graph-header p{max-width:760px;color:#fdfaf5ad;font-size:15px;line-height:1.85}.eyebrow{color:var(--gold-l);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2{font-family:var(--serif)}h1{margin:0 0 14px;font-size:clamp(26px,4.6vw,36px);line-height:1.22;color:var(--ink);letter-spacing:.04em}.graph-header h1{color:#fdf6e0}h2{margin:0 0 10px;font-size:20px}.hero p{max-width:720px;color:var(--ink-s);font-size:16px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:4px;color:#fdf6e0;background:var(--c)}.hero-actions .secondary{color:var(--ink);background:var(--parch-d)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat,.book-card,.panel,.source-card,.graph-panel,.detail-panel{background:var(--white);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 10px #00000012}.graph-header .stat{background:#fdfaf51a;border-color:#e0b84852;box-shadow:none;color:#fdf6e0}.stat{padding:16px}.stat-button{width:100%;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .15s}.stat-button:hover{border-color:var(--gold);background:#c8952a14;transform:translateY(-1px)}.stat strong{display:block;font-family:var(--serif);font-size:26px;color:var(--c);line-height:1.15}.graph-header .stat strong{color:var(--gold-l)}.stat span{color:var(--ink-dim);font-size:12px}.graph-header .stat span{color:#fdfaf59e}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.book-card{padding:20px;border-left:4px solid var(--c)}.book-card h2,.panel h1{color:var(--c)}.book-topline,.book-metrics,.source-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink-dim);font-size:12px}.ok{color:var(--green)}.warn{color:var(--red)}.book-card p{color:var(--ink-s)}.book-metrics{margin:18px 0}.two-column{display:grid;grid-template-columns:320px 1fr;gap:18px}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.graph-panel{min-width:0;padding:16px}.detail-panel{align-self:start;position:sticky;top:24px;padding:20px;border-left:4px solid var(--c)}.node-type{display:inline-block;margin-bottom:10px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em}.detail-panel h2,.detail-panel h3{margin:0 0 10px}.detail-panel h2{color:var(--c)}.detail-panel h3{margin-top:20px;color:var(--ink-s);font-size:15px}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.detail-stats .stat{padding:12px}.detail-stats .stat strong{font-size:20px}.graph-svg{display:block;width:100%;min-height:520px;background:linear-gradient(rgba(200,149,42,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(200,149,42,.12) 1px,transparent 1px),linear-gradient(180deg,#fffaf1,var(--white));background-size:34px 34px,34px 34px,auto;border-radius:3px;border:1px solid rgba(200,149,42,.18)}.graph-edge{stroke:#bfae8b;stroke-linecap:round;opacity:.58}.graph-edge.active{stroke:var(--gold);opacity:.95}.graph-node{cursor:pointer}.graph-node circle{stroke:var(--white);stroke-width:3;filter:drop-shadow(0 3px 7px rgba(32,20,8,.16))}.graph-node circle.active{stroke:var(--gold-l);stroke-width:5}.graph-node text{fill:var(--ink);font-size:13px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:var(--white);stroke-width:4px;stroke-linejoin:round}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:var(--ink-dim);font-size:13px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%}.panel{min-width:0;padding:22px;border-left:4px solid var(--c)}.concept-list{align-self:start;position:sticky;top:24px}.concept-list button{width:100%;display:flex;justify-content:space-between;gap:10px;min-height:38px;padding:0 10px;border-radius:4px;background:transparent;color:var(--ink)}.concept-list button:hover{background:#c8952a14}.concept-list button.selected{color:var(--c);background:#7b1c1c12}.concept-list strong{color:var(--gold)}.source-list{display:grid;gap:12px}.source-list.compact{gap:8px}.source-card{padding:16px;border-left:4px solid var(--gold)}.source-list.compact .source-card{padding:12px}.source-card p{margin:10px 0 12px;color:var(--ink-s);line-height:1.78}.source-list.compact .source-card p{max-height:96px;overflow:hidden;font-size:14px}.source-card a{display:inline-flex;align-items:center;gap:6px;font-size:13px}mark{color:var(--ink);background:#e0b8488c;padding:0 2px}.searchbar{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 16px;margin-bottom:16px;border:1px solid var(--border);border-left:4px solid var(--c);border-radius:4px;background:var(--white);box-shadow:0 2px 10px #00000012}.searchbar svg{color:var(--gold)}.searchbar input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}textarea{width:100%;min-height:132px;resize:vertical;border:1px solid var(--border);border-radius:4px;padding:14px;outline:0;background:var(--white)}.answer{margin-top:18px;padding-top:18px;border-top:1px solid var(--parch-d)}.answer p{color:var(--ink-s);line-height:1.8}.relation-list{display:grid;gap:8px}.relation-list button{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:38px;padding:0 10px;border-radius:4px;color:var(--ink);background:#c8952a14}.relation-list button:hover{background:#7b1c1c14}.relation-list button small{color:var(--ink-dim);white-space:nowrap}.year-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin:18px 0 24px}.year-bars button{position:relative;min-height:54px;padding:8px;overflow:hidden;border-radius:4px;color:var(--ink);background:#c8952a14;text-align:left}.year-bars button:before{content:"";position:absolute;inset:auto 0 0;height:var(--bar);background:#7b1c1c2e}.year-bars button span,.year-bars button strong{position:relative;display:block}.year-bars button strong{color:var(--c);font-family:var(--serif);font-size:18px}.timeline-list{display:grid;gap:16px}.timeline-list article{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-top:16px;border-top:1px solid var(--parch-d)}.timeline-list time{color:var(--c);font-family:var(--serif);font-weight:700}.timeline-list article>div>p{margin:6px 0 10px;color:var(--ink-dim)}.reader-page{width:calc(100vw - 332px);max-width:none;padding-right:24px}.reader-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}.reader-toolbar select{min-width:360px;border:1px solid var(--border);border-radius:4px;padding:9px 10px;background:var(--white)}iframe{width:100%;height:calc(100vh - 116px);border:1px solid var(--border);border-radius:4px;background:var(--white)}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px 16px}.brand{margin-bottom:14px;padding-bottom:14px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav button{justify-content:center;padding:0 8px}.page,.reader-page{width:min(100% - 28px,760px);padding:24px 0}.hero,.graph-header,.graph-layout,.two-column,.book-grid{grid-template-columns:1fr}.graph-header{padding:24px 20px 26px}.detail-panel{position:static}.graph-svg{min-height:420px}.timeline-list article{grid-template-columns:1fr}.concept-list{position:static}.reader-toolbar{align-items:stretch;flex-direction:column}.reader-toolbar select{min-width:0;width:100%}}