:root{--bg:#0a0b0d;--panel:#0f1013;--panel2:#14161a;--raise:#181b20;--line:#1e2126;--line2:#2a2e35;--sel:#1b1f25;--ink:#e9eaed;--ink2:#a3a8b1;--ink3:#6b717b;--accent:#d99d4a;--accentSoft:rgba(217,157,74,.14);--accentLine:rgba(217,157,74,.42);--ok:#7cc496;--warn:#d9a441;--err:#dd7b7b;--info:#8fb0d9;--shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04)}
:root[data-theme="light"]{--bg:#f6f5f2;--panel:#fffefc;--panel2:#f1efeb;--raise:#fff;--line:#e4e1db;--line2:#d3cfc7;--sel:#efece6;--ink:#16171a;--ink2:#585d65;--ink3:#8a8f97;--accent:#9a6410;--accentSoft:rgba(154,100,16,.1);--accentLine:rgba(154,100,16,.35);--shadow:0 24px 60px -16px rgba(40,34,24,.22),0 0 0 1px rgba(0,0,0,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:13.5px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}kbd{font:500 10px/1 'IBM Plex Mono',monospace;color:var(--ink3);border:1px solid var(--line2);border-radius:4px;padding:3px 5px}::selection{background:var(--accentSoft)}
.app-shell{height:100vh;min-height:560px;display:grid;grid-template-columns:236px minmax(420px,1fr) 350px;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;gap:9px;padding:2px 2px 8px;font-weight:600;letter-spacing:.14em;font-size:11.5px}.brand .mark{width:20px;height:20px;border-radius:5px;background:var(--accent);display:grid;place-items:center;font:600 11px/1 'IBM Plex Mono';color:#14100a}.brand em{margin-left:auto;font:400 10px/1 'IBM Plex Mono';font-style:normal;color:var(--ink3);border:1px solid var(--line);padding:3px 5px;border-radius:4px}.capture,.search-button,.top-actions button,.actions button,.editor-foot button,.modal button,.empty button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--ink2)}.capture{background:var(--accentSoft);border-color:var(--accentLine);color:var(--ink);font-weight:500}.capture kbd,.search-button kbd{margin-left:auto}.capture:hover{background:var(--accent);color:#14100a}.search-button:hover,.top-actions button:hover,.actions button:hover{border-color:var(--line2);color:var(--ink)}nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.nav{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:7px;color:var(--ink3);font-size:13px}.nav:hover{background:var(--panel2);color:var(--ink2)}.nav.active{background:var(--sel);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.nav b{font:500 10px/1 'IBM Plex Mono';color:var(--ink3)}.sidebar-foot{margin-top:auto;border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;gap:9px;color:var(--ink2)}.sidebar-foot small{display:block;color:var(--ink3);margin-top:3px}.dot{width:8px;height:8px;border-radius:99px;margin-top:4px}.dot.ok{background:var(--ok)}
.main{min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 180px);display:flex;flex-direction:column}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.eyebrow{font:500 10px/1.2 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);margin:0 0 7px}.topbar h1{font:500 25px/1.05 'Newsreader',serif;margin:0}.top-actions{display:flex;gap:8px}.stream{overflow:auto;padding:18px 22px}.stream-tools{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stream-tools input{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 12px;outline:none}.stream-tools input:focus{border-color:var(--accentLine)}.stream-tools span{color:var(--ink3);font:500 11px 'IBM Plex Mono'}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;min-height:170px;display:flex;flex-direction:column;gap:9px;transition:.16s}.card:hover{transform:translateY(-1px);border-color:var(--line2)}.card.selected{border-color:var(--accentLine);box-shadow:0 0 0 1px var(--accentSoft)}.card-top{display:flex;justify-content:space-between;align-items:center}.type{font:500 10px 'IBM Plex Mono';color:var(--ink3);text-transform:uppercase}.status{font:500 10px 'IBM Plex Mono';border-radius:99px;padding:4px 7px;background:rgba(143,176,217,.13);color:var(--info)}.status.processed{background:rgba(124,196,150,.13);color:var(--ok)}.status.needs-review{background:rgba(217,164,65,.13);color:var(--warn)}.status.failed{background:rgba(221,123,123,.13);color:var(--err)}.card h2{margin:0;font-size:16px;line-height:1.2}.card p{margin:0;color:var(--ink2);line-height:1.45}.tags,.tag-block{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tags span,.tag-block span,.tag-cloud button{font:500 11px 'IBM Plex Mono';color:var(--ink3);background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:4px 7px}
.inspector{background:var(--panel);border-left:1px solid var(--line);padding:18px;overflow:auto}.inspect-head h2{font-size:19px;line-height:1.2;margin:0 0 14px}.meta{display:grid;grid-template-columns:80px 1fr;gap:8px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel2)}.meta span{color:var(--ink3)}.meta b{font-weight:500;color:var(--ink2);overflow:hidden;text-overflow:ellipsis}.tag-block{margin:14px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.actions button{justify-content:center}.preview{border-top:1px solid var(--line);padding-top:16px;color:var(--ink2);line-height:1.55}.preview h1,.preview h2,.preview h3,.rendered h1,.rendered h2,.rendered h3{color:var(--ink);line-height:1.15}.preview code,.rendered code{font-family:'IBM Plex Mono';background:var(--panel2);padding:2px 4px;border-radius:4px}.attachments{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.attachment{display:flex;justify-content:space-between;border:1px solid var(--line);padding:9px;border-radius:8px;color:var(--ink2)}.attachment small{color:var(--ink3)}
.editor{display:flex;flex-direction:column;height:calc(100vh - 86px)}.title-input{font:500 28px/1.1 'Newsreader';background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 22px;outline:none}.editor-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.editor textarea{background:var(--bg);border:0;border-right:1px solid var(--line);outline:none;padding:20px 22px;resize:none;line-height:1.6}.rendered{overflow:auto;padding:20px 22px;line-height:1.6;color:var(--ink2)}.editor-foot{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 22px}.editor-foot input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;outline:none}.editor-foot span{color:var(--ok);font:500 11px 'IBM Plex Mono'}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;z-index:20;padding:16px}.modal,.palette{width:min(620px,100%);background:var(--raise);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:21px}.modal input,.modal textarea,.palette input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:none}.modal textarea{min-height:110px;resize:vertical}.drop{border:1px dashed var(--line2);border-radius:12px;padding:22px;text-align:center;color:var(--ink2);background:var(--panel)}.modal label{display:flex;gap:9px;align-items:center;color:var(--ink2)}.modal footer,.palette footer{display:flex;justify-content:flex-end;gap:8px;color:var(--ink3)}.palette-items{display:flex;flex-direction:column;gap:6px}.palette-items button{text-align:left;border-radius:9px;padding:10px;border:1px solid var(--line);background:var(--panel)}.palette-items button:hover{border-color:var(--accentLine)}.palette-items small{display:block;color:var(--ink3);margin-top:4px}.empty{margin:26px;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--panel);color:var(--ink2)}.empty h2{color:var(--ink);margin-top:0}.tag-cloud{padding:22px;display:flex;gap:10px;flex-wrap:wrap}.tag-cloud button{font-size:13px;cursor:pointer}
@media(max-width:980px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:10px 8px}.brand span:not(.mark),.brand em,.capture:not(:first-letter),.search-button,.nav b,.nav span{font-size:0}.capture{justify-content:center}.capture kbd{display:none}.nav{justify-content:center}.inspector{display:none}.items{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.rendered{display:none}.topbar{padding:14px}.top-actions button kbd{display:none}}
@media(max-width:620px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.sidebar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:8px;border-right:0;border-bottom:1px solid var(--line)}nav{grid-column:1/-1;display:flex;overflow:auto}.nav span{font-size:12px}.brand em,.sidebar-foot{display:none}.main{min-height:70vh}.topbar{height:auto;align-items:flex-start;gap:12px}.top-actions{flex-direction:column}.stream{padding:14px}.modal-backdrop{align-items:start}.editor{height:70vh}.title-input{font-size:22px}}