:root{--surface:#14171b;--muted-surface:#1d2229;--text:#e6e8ec;--heading:#fff;--muted:#9aa3af;--line:#303842;--accent:#41b8c7;--accent-soft:#123940;--danger-text:#e6a9a0;--danger-surface:#281d1b;--danger-line:#5a3933;--success-text:#3dc98a;--error-text:#d9847a;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--surface:#fff;--muted-surface:#f6f7f9;--text:#22262d;--heading:#101318;--muted:#68707d;--line:#dce1e8;--accent:#176f83;--accent-soft:#d9eef3;--danger-text:#6f5b3e;--danger-surface:#fbf8f2;--danger-line:#e1d7c7;--success-text:#1b8556;--error-text:#c0483a}*{box-sizing:border-box}body{color:var(--text);background:var(--surface);margin:0}h1,h2{color:var(--heading);margin:0;line-height:1.1}h1{font-size:28px}h2{font-size:18px}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:10px 11px}button{border:1px solid var(--accent);color:#fff;background:var(--accent);min-height:40px;font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:750}button:disabled{cursor:not-allowed;opacity:.6}button.secondary{color:var(--heading);background:var(--surface);border-color:var(--line)}a{color:var(--accent)}.centered,.auth-page,.app-shell{min-height:100svh}.centered,.auth-page{place-items:center;padding:24px;display:grid}.auth-panel{gap:16px;width:min(100%,420px);display:grid}.config-panel pre{color:var(--text);background:var(--muted-surface);border:1px solid var(--line);border-radius:8px;margin:0;padding:12px;overflow:auto}.link-button{min-height:0;color:var(--accent);background:0 0;border:0;justify-self:start;padding:0}.topbar{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar-brand{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:12px;font-weight:800}.topbar-filters{flex:auto;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.sort-menu{position:relative}.sort-menu-dropdown{background:var(--surface);border:1px solid var(--line);z-index:10;border-radius:8px;gap:2px;min-width:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.sort-menu-dropdown button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.sort-menu-dropdown button:hover{background:var(--muted-surface)}.sort-menu-dropdown button.active{background:var(--accent);color:#fff}.filter-label{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.filter-label select{min-width:120px;max-width:180px}.status-filter{align-items:center;gap:4px;display:flex}.status-filter .icon-button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.workspace{grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 60px);display:grid}.button-row{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.editor{min-width:0;padding:16px}.wide{min-width:0}.markdown-input{gap:8px}textarea{resize:vertical;min-height:0;max-height:72svh;font:15px/1.5 var(--mono);border-color:color-mix(in srgb, var(--line) 55%, transparent);overflow:hidden}textarea:focus{border-color:var(--line);outline:none}.notice{color:var(--success-text);margin:4px 0;font-weight:650}.notice.error{color:var(--error-text)}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}.cell-feed{gap:14px;max-width:1180px;margin:0 auto;display:grid}.cell-card{width:100%;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid;position:relative}button.cell-card{cursor:pointer}button.cell-card:hover{border-color:var(--accent)}.cell-card.editing{border-color:var(--line)}.cell-toolbar{z-index:1;background:var(--muted-surface);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:4px;padding:3px;transition:opacity .12s,transform .12s;display:flex;position:absolute;transform:translateY(2px);box-shadow:0 6px 18px #0003}.cell-toolbar-main{top:-16px;right:12px}.cell-card:hover .cell-toolbar,.cell-card:focus-within .cell-toolbar,.cell-toolbar:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.icon-button{place-items:center;width:30px;min-width:30px;min-height:30px;padding:0;font-size:15px;line-height:1;display:inline-grid}.cell-meta{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.cell-meta strong{min-width:0;color:var(--heading);overflow-wrap:anywhere}.cell-meta span{color:var(--muted);flex:none;font-size:13px}.cell-meta-controls{gap:8px;display:grid}.cell-meta-row{grid-template-columns:1fr 1fr 120px;align-items:start;gap:6px;display:grid}.cell-meta-row label{flex-direction:column;gap:3px;min-width:0;display:flex}.cell-meta-row select{width:100%;min-height:0;padding:5px 7px;font-size:13px}.title-input{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:700}.title-input:focus{border-color:var(--accent);outline:none}.title-input::placeholder{color:var(--muted);font-weight:400}.cell-context{color:var(--muted);margin:0;font-size:12px;font-weight:700}.cell-preview{max-height:220px;color:var(--text);border-top:1px solid var(--line);padding-top:10px;overflow:hidden}.cell-preview :first-child{margin-top:0}.cell-preview :last-child{margin-bottom:0}@media (hover:none),(pointer:coarse),(width<=820px){.cell-card{padding-top:12px}.cell-toolbar{opacity:1;pointer-events:auto;box-shadow:none;justify-self:start;position:static;transform:none}.cell-toolbar-main{flex-wrap:wrap;max-width:100%}}@media (width<=820px){.topbar{flex-wrap:wrap;align-items:flex-start}.topbar-filters{order:3;justify-content:flex-start;width:100%}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.cell-meta{gap:4px;display:grid}.cell-meta span{flex:initial}.cell-meta-row{grid-template-columns:1fr 1fr}.cell-meta-row label:last-child{grid-column:1/-1}}
