:root{color-scheme:dark;--bg:#090b0f;--panel:#11151b;--panel2:#171c24;--ink:#edf3f8;--muted:#8d99a8;--line:#2a323d;--acid:#d6ff3f;--blood:#ff3c66;--cyan:#4bd9ff;--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% -10%,#1a2230 0,transparent 35%),var(--bg);color:var(--ink);min-height:100vh;padding-bottom:74px}.topbar{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;padding:24px clamp(18px,4vw,48px);border-bottom:1px solid var(--line);background:rgba(8,10,14,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.kicker{font-size:.72rem;letter-spacing:.32em;color:var(--acid);font-weight:800}.topbar h1{margin:.15rem 0 0;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.92;letter-spacing:-.04em}.topbar h1 span{color:var(--blood)}.topbar p{margin:.6rem 0 0;color:var(--muted);max-width:52ch}.top-actions{display:flex;align-items:center;gap:12px}.pill{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em}.pill.good{border-color:#4c7a24;color:var(--acid)}.pill.bad{border-color:#713044;color:#ff7594}.ghost-link{color:var(--muted);font-size:.74rem;font-weight:800;text-decoration:none}.tabs{display:flex;gap:6px;overflow-x:auto;padding:10px clamp(14px,3vw,42px);border-bottom:1px solid var(--line);background:#0c0f14;position:sticky;top:115px;z-index:15}.tab{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 13px;border-radius:8px;font-weight:800;font-size:.76rem;letter-spacing:.04em}.tab.active{background:var(--panel2);border-color:var(--line);color:var(--ink)}main{padding:clamp(14px,3vw,36px);max-width:1600px;margin:0 auto}.tab-panel{display:none}.tab-panel.active{display:block}.panel{background:linear-gradient(180deg,var(--panel),#0e1217);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;text-transform:uppercase;letter-spacing:.03em}.panel-head p{margin:.45rem 0 0;color:var(--muted);max-width:80ch}.toolbar{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.toolbar.wrap{flex-wrap:wrap}.button,input,select,textarea{font:inherit}.button{border:1px solid #38424f;background:#1b222c;color:var(--ink);padding:10px 13px;border-radius:8px;font-weight:800;font-size:.77rem;cursor:pointer}.button:hover{border-color:#5a6879}.button.primary{background:var(--blood);border-color:#ff6683;color:white}.button:disabled{opacity:.45;cursor:wait}input,select{min-width:0;background:#0d1117;border:1px solid var(--line);color:var(--ink);padding:10px 11px;border-radius:8px}input{flex:1}.check{display:block;padding:0 14px 12px;color:var(--muted);font-size:.78rem}.split{display:grid;grid-template-columns:minmax(240px,28%) 1fr;min-height:560px}.list-pane{border-right:1px solid var(--line);min-width:0}.work-pane{min-width:0}.record-list{padding:8px;overflow:auto;max-height:70vh}.record{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);padding:11px;border-radius:8px;margin-bottom:5px;cursor:pointer}.record:hover,.record.active{background:var(--panel2);border-color:var(--line)}.record strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record small{display:block;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.json-editor,.note-editor{display:block;width:calc(100% - 24px);margin:12px;min-height:420px;resize:vertical;background:#080b0f;color:#d7e4ef;border:1px solid var(--line);border-radius:10px;padding:14px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.83rem;line-height:1.5;tab-size:2}.note-editor{min-height:150px;font-family:inherit}.result{margin:12px;max-height:360px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:10px;background:#080b0f;color:#b9c7d4;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.note-list{padding:12px}.note{border:1px solid var(--line);background:#0d1117;border-radius:10px;padding:12px;margin-bottom:8px}.note .meta{color:var(--muted);font-size:.72rem;margin-bottom:8px}.evidence-drawer{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#080b0f;border-top:1px solid var(--line)}.drawer-handle{width:100%;border:0;background:#0d1117;color:var(--acid);padding:10px 18px;text-align:left;font-weight:900;font-size:.75rem;letter-spacing:.08em}.drawer-body{display:none;max-height:42vh;overflow:auto;border-top:1px solid var(--line)}.drawer-body.open{display:block}.drawer-body pre{margin:0;padding:14px 18px;color:#b9c7d4;font-size:.76rem;white-space:pre-wrap}.toast{position:fixed;right:18px;bottom:62px;z-index:50;background:#202833;border:1px solid #3b4756;color:white;padding:11px 14px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.18s;pointer-events:none;max-width:min(420px,calc(100vw - 36px))}.toast.show{opacity:1;transform:none}.toast.error{border-color:#713044;color:#ff9cb1}
@media(max-width:820px){.topbar{position:relative;align-items:flex-start;flex-direction:column;padding:18px}.tabs{top:0}.top-actions{width:100%;justify-content:space-between}.panel-head{padding:16px;flex-direction:column}.split{grid-template-columns:1fr;min-height:0}.list-pane{border-right:0;border-bottom:1px solid var(--line)}.record-list{max-height:260px}.toolbar{flex-wrap:wrap}.toolbar input{flex:1 1 180px}.button{min-height:42px}.json-editor{min-height:360px}.result{max-height:50vh}}