:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050607;color:#f4f5f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050607;--panel: #101214;--panel-soft: #171a1d;--panel-deep: #0b0d0f;--black: #030405;--line: #2a2e33;--line-strong: #444b53;--text: #f4f5f6;--muted: #9da3aa;--muted-strong: #d2d6db;--focus: #cfd3d8;--good: #34a37f;--warn: #d6a153;--danger: #ef7d78;--radius: 8px;--shadow: 0 22px 60px rgba(0, 0, 0, .56)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus),transparent 65%);outline-offset:2px}.app-shell{min-height:100vh;padding:14px}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto 14px;max-width:1640px}.brand-lockup{align-items:center;display:flex;gap:12px;min-width:0}.brand-mark{align-items:center;background:var(--black);border:1px solid var(--line-strong);border-radius:var(--radius);color:#fff;display:grid;height:44px;justify-content:center;min-width:44px}h1,h2,h3,p{margin-top:0}h1{font-size:1.2rem;letter-spacing:0;line-height:1.1;margin-bottom:0}.topline{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:9px;margin-top:4px}.topline span{align-items:center;display:inline-flex;gap:7px}.topline span:before{background:var(--focus);border-radius:999px;content:"";height:6px;width:6px}.top-actions,.button-row,.entry-actions,.reader-panel-actions{display:flex;flex-wrap:wrap;gap:8px}.relay-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(300px,360px);margin:0 auto;max-width:1640px}.relay-console,.reader-card,.surface-board,.handoff-board,.capture-board,.work-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.relay-console{background:var(--panel-deep);display:grid;gap:14px;padding:18px}.console-header,.support-header,.panel-header{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.console-header h2{font-size:clamp(1.35rem,2.1vw,2.05rem);letter-spacing:0;line-height:1.12;margin:8px 0 0;max-width:820px}.section-title{align-items:center;color:var(--muted-strong);display:flex;font-size:.82rem;font-weight:780;gap:8px;letter-spacing:.02em;text-transform:uppercase}.route-badge,.count-pill{align-items:center;background:var(--black);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted-strong);display:inline-flex;font-size:.84rem;font-weight:760;gap:8px;min-height:40px;padding:0 11px;white-space:nowrap}.route-badge.ready,.route-badge.mobile{border-color:color-mix(in srgb,var(--good),var(--line) 45%);color:var(--good)}.route-badge.offline{border-color:color-mix(in srgb,var(--warn),var(--line) 45%);color:var(--warn)}.pipeline{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.pipeline li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);min-height:78px;padding:10px}.pipeline li.active{background:color-mix(in srgb,var(--panel),var(--black) 44%);border-color:color-mix(in srgb,var(--focus),var(--line) 34%)}.pipeline li>span{align-items:center;background:var(--black);border:1px solid var(--line-strong);border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:800;height:26px;justify-content:center;width:26px}.pipeline strong,.pipeline small{display:block}.pipeline small{color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:4px}.job-grid{align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-panel,.surface-board,.handoff-board,.capture-board,.reader-card{padding:14px}.work-panel{background:var(--panel);display:grid;gap:12px}.panel-header{align-items:center}.panel-header span,.read-target span{color:var(--muted);display:block;font-size:.76rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.panel-header strong{display:block;font-size:1.05rem;line-height:1.2;margin-top:3px}.panel-header small{color:var(--muted)}label,.stacked-field{color:var(--muted-strong);display:grid;font-size:.78rem;font-weight:720;gap:6px}input,select,textarea{background:var(--black);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);min-height:40px;padding:10px;width:100%}textarea{line-height:1.48;min-height:178px;resize:vertical}.compact-field textarea{min-height:82px}.title-input{max-width:360px}.primary-button,.secondary-button,.icon-button,.read-button,.entry-actions button,.reader-panel-actions button,.check-button{align-items:center;border:1px solid transparent;border-radius:var(--radius);display:inline-flex;font-weight:760;gap:8px;justify-content:center}.primary-button{background:#fff;border-color:#fff;color:#050607;min-height:40px;padding:0 13px}.secondary-button{background:var(--panel-soft);border-color:var(--line);color:var(--text);min-height:40px;padding:0 13px}.icon-button,.entry-actions button,.reader-panel-actions button,.check-button{background:var(--panel-soft);border-color:var(--line);color:var(--text);height:38px;padding:0;width:38px}.button-row{justify-content:flex-end}.reader-card{align-self:start;display:grid;gap:10px;position:sticky;top:14px}.read-target{background:var(--black);border:1px solid color-mix(in srgb,var(--focus),var(--line) 38%);border-radius:var(--radius);min-height:122px;padding:14px}.read-target.empty{border-color:var(--line)}.read-target strong{display:block;font-size:1.12rem;line-height:1.24;margin-top:5px;overflow-wrap:anywhere}.read-target small,.reader-card p,.support-header p{color:var(--muted);display:block;font-size:.84rem;line-height:1.42;margin:6px 0 0}.read-button{background:#fff;border-color:#fff;color:#050607;font-size:1rem;min-height:48px;width:100%}.full-width{width:100%}.surface-board,.handoff-board,.capture-board{display:grid;gap:14px;grid-column:1 / -1}.surface-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.surface-card{align-items:center;background:var(--black);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:68px;padding:10px;text-align:left}.surface-card.active{border-color:color-mix(in srgb,var(--accent),var(--line-strong) 42%)}.surface-card strong,.surface-card small{display:block;grid-column:2;overflow-wrap:anywhere}.surface-card small{color:var(--muted);font-size:.76rem;margin-top:3px}.surface-dot{background:var(--accent);border-radius:999px;grid-row:1 / span 2;height:9px;margin-top:5px;width:9px}.add-surface{align-items:end;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(160px,.75fr) minmax(220px,1fr) auto;padding-top:14px}.handoff-controls{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(180px,280px) minmax(0,1fr)}.mode-switch{background:var(--black);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:4px;grid-template-columns:repeat(4,1fr);padding:4px}.mode-switch button{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted-strong);font-size:.82rem;font-weight:750;min-height:34px;text-transform:capitalize}.mode-switch button.active{background:var(--panel-soft);border-color:var(--line);color:var(--text)}.handoff-preview{background:var(--black);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);max-height:260px;min-height:168px;overflow:auto}.handoff-preview pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.48;margin:0;padding:13px;white-space:pre-wrap}.capture-list{display:grid;gap:10px}.capture-card{background:var(--black);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.capture-card.selected{border-color:color-mix(in srgb,var(--focus),var(--line) 45%)}.check-button.checked{background:#fff;border-color:#fff;color:#050607}.capture-main{min-width:0}.entry-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;margin-bottom:6px}.source-pill{background:color-mix(in srgb,var(--accent),var(--panel) 88%);border:1px solid color-mix(in srgb,var(--accent),var(--line) 30%);border-radius:999px;color:var(--text);font-weight:760;padding:3px 8px}.capture-card h3{font-size:1rem;letter-spacing:0;line-height:1.22;margin:0 0 6px}.capture-card p{color:var(--muted-strong);display:-webkit-box;font-size:.92rem;line-height:1.48;margin:0;max-width:86ch;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space:pre-wrap}.reader-overlay{align-items:stretch;background:#000000ad;display:flex;inset:0;justify-content:flex-end;padding:16px;position:fixed;z-index:20}.reader-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:760px;overflow:hidden;width:min(100%,760px)}.reader-panel-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:16px}.reader-panel-header span{color:var(--muted);display:block;font-size:.8rem;font-weight:760;margin-bottom:4px;text-transform:uppercase}.reader-panel-header h2{font-size:1.2rem;letter-spacing:0;line-height:1.22;margin:0}.readable-text{line-height:1.58;overflow:auto;padding:12px 18px 24px}.readable-text p,.readable-text li{color:var(--text);font-size:1rem}.readable-text p{margin:13px 0;white-space:pre-wrap}.readable-text h3{border-top:1px solid var(--line);font-size:1.05rem;letter-spacing:0;margin:18px 0 8px;padding-top:16px}.readable-text ul{margin:12px 0;padding-left:22px}.readable-text pre{background:var(--black);border-radius:var(--radius);color:var(--text);overflow:auto;padding:13px;white-space:pre-wrap}.evidence-block{background:var(--black);border:1px solid var(--line);border-left:4px solid var(--focus);border-radius:var(--radius);margin:12px 0;padding:12px}.evidence-block strong{display:block;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.evidence-block p{margin:6px 0 0}.notice{border-radius:var(--radius);bottom:16px;box-shadow:var(--shadow);color:#fff;font-weight:760;left:50%;padding:10px 14px;position:fixed;transform:translate(-50%);z-index:50}.notice.good{background:#177255}.notice.warn{background:#a16207}.notice.neutral{background:#334155}.empty-state{align-items:center;background:var(--black);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);display:grid;gap:8px;justify-items:center;min-height:150px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:1180px){.relay-layout{grid-template-columns:1fr;max-width:980px}.reader-card{position:static}}@media(max-width:820px){.app-shell{padding:10px}.topbar,.console-header,.support-header,.panel-header,.job-grid,.add-surface,.handoff-controls{grid-template-columns:1fr}.topbar{align-items:flex-start}.pipeline{grid-template-columns:repeat(2,1fr)}.button-row{justify-content:stretch}.button-row .primary-button,.button-row .secondary-button{flex:1 1 150px}.surface-grid{grid-template-columns:1fr}.capture-card{grid-template-columns:auto minmax(0,1fr)}.capture-card .entry-actions{grid-column:2}.entry-actions{justify-content:flex-start}textarea{min-height:160px}.compact-field textarea{min-height:86px}}@media(max-width:520px){.brand-mark{display:none}.relay-console,.reader-card,.surface-board,.handoff-board,.capture-board,.work-panel{padding:12px}.pipeline{grid-template-columns:1fr}.mode-switch{grid-template-columns:repeat(2,1fr)}.capture-card{grid-template-columns:1fr}.capture-card .entry-actions{grid-column:auto}.reader-overlay{padding:8px}}