:root{
  --bg:#0f1115; --panel:#171a21; --panel2:#202532; --text:#f4f1ea; --muted:#b7b0a5;
  --line:#343a49; --gold:#d7b56d; --gold2:#ffe1a3; --red:#c75f5f; --green:#76b58b;
  --blue:#84a9ff; --shadow:0 18px 45px rgba(0,0,0,.35); --radius:18px;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(135deg,#0c0e13,#151923 45%,#101114);color:var(--text);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height:1.45}
button,input,textarea,select{font:inherit}
.topbar{padding:28px 36px;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:flex-start;background:rgba(15,17,21,.88);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}
h1{font-size:clamp(28px,4vw,44px);margin:.05rem 0 .3rem;letter-spacing:-.04em}.eyebrow{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin:0}.subtitle{max-width:760px;color:var(--muted);margin:0}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.layout{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 125px)}.sidebar{padding:24px;border-right:1px solid var(--line);background:rgba(17,19,25,.7)}.content{padding:28px;max-width:1300px;width:100%;margin:0 auto}.nav{width:100%;display:block;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;padding:13px 14px;border-radius:14px;margin-bottom:8px;cursor:pointer}.nav:hover,.nav.active{background:var(--panel2);border-color:var(--line)}
.save-card,.card{background:rgba(32,37,50,.72);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.save-card{margin-top:22px;color:var(--muted);font-size:14px}.save-card strong{color:var(--gold2)}.view{display:none}.view.active{display:block}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:30px;margin:0 0 4px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(23,26,33,.78)}.metric .num{font-size:34px;color:var(--gold2);font-weight:800}.metric .label{color:var(--muted);font-size:14px}.primary,.secondary,.danger{border:none;border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:650}.primary{background:var(--gold);color:#1b1406}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.danger{background:rgba(199,95,95,.16);color:#ffb2b2;border:1px solid rgba(199,95,95,.38)}.file-label input{display:none}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.filters input,.filters select{min-width:190px}.question-list,.fact-list,.timeline-list,.witness-list,.evidence-list{display:grid;gap:12px}.question,.fact,.witness,.evidence{background:rgba(23,26,33,.92);border:1px solid var(--line);border-radius:16px;padding:16px}.question.done{border-color:rgba(118,181,139,.6)}.question h3,.fact h3,.witness h3,.evidence h3{margin:0 0 8px}.question-meta,.fact-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.pill{font-size:12px;color:var(--gold2);background:rgba(215,181,109,.12);border:1px solid rgba(215,181,109,.25);padding:4px 8px;border-radius:999px}.pill.blue{color:#b9c9ff;background:rgba(132,169,255,.13);border-color:rgba(132,169,255,.24)}.pill.green{color:#b7ffd0;background:rgba(118,181,139,.15);border-color:rgba(118,181,139,.25)}.pill.red{color:#ffc8c8;background:rgba(199,95,95,.14);border-color:rgba(199,95,95,.26)}.muted{color:var(--muted)}
textarea,input,select{width:100%;background:#11141b;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px;margin-top:6px}label{display:block;color:var(--muted);font-weight:650}textarea{resize:vertical}.answer-box{margin-top:10px}.item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.timeline-era{margin:20px 0}.timeline-era h3{padding:10px 14px;border-left:4px solid var(--gold);background:rgba(215,181,109,.08);border-radius:10px}.timeline-card{background:rgba(23,26,33,.95);border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:10px;cursor:grab}.timeline-card.dragging{opacity:.5}.timeline-card .mini{font-size:13px;color:var(--muted)}.timeline-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.export-box{white-space:pre-wrap;background:#0b0d12;border:1px solid var(--line);border-radius:16px;padding:18px;max-height:600px;overflow:auto}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:0;box-shadow:var(--shadow);width:min(760px,94vw)}dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-form{padding:22px}.dialog-form h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.small{font-size:13px}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:rgba(23,26,33,.45)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid var(--line)}.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:14px}.grid.two,.grid.three{grid-template-columns:1fr}}
@media print{body{background:white;color:black}.topbar,.sidebar,.toolbar,.filters,.item-actions,.timeline-actions,dialog{display:none!important}.layout{display:block}.content{padding:0}.view{display:block!important}.card,.question,.fact,.witness,.evidence,.timeline-card{box-shadow:none;border:1px solid #999;background:white;color:black;break-inside:avoid}.pill{border:1px solid #777;color:black;background:white}.muted{color:#333}.export-box{border:0;max-height:none;color:black;background:white}}