:root{--surface:#fff;--muted-surface:#f6f7f9;--text:#22262d;--heading:#101318;--muted:#68707d;--line:#dce1e8;--accent:#176f83;--accent-soft:#d9eef3;--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}*{box-sizing:border-box}body{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}.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:14px 16px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:10px;display:flex}.workspace{grid-template-columns:360px minmax(0,1fr);min-height:calc(100svh - 76px);display:grid}.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:var(--muted-surface);align-content:start;gap:14px;padding:16px;display:grid;overflow:hidden}.sidebar-collapsed .sidebar{visibility:hidden;border:0;padding:0}.section-head,.button-row,.editor-actions,.project-create{align-items:center;gap:10px;display:flex}.section-head{justify-content:space-between}.project-create{align-items:stretch}.project-create input{flex:1;min-width:0}.muted{color:var(--muted)}.editor{min-width:0;padding:16px}.editor-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,210px) minmax(150px,210px) minmax(130px,170px);gap:12px;display:grid}.wide{min-width:0}.editor-actions{flex-wrap:wrap;margin:14px 0}.save-state{color:var(--muted);align-self:center;font-size:13px;font-weight:700}.save-state.dirty{color:#8a6116}.save-state.saving{color:var(--accent)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.markdown-input{min-height:42svh}textarea{resize:vertical;min-height:42svh;font:15px/1.5 var(--mono)}.preview{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:42svh;padding:12px 14px;overflow:auto}.preview-title{color:var(--muted);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.preview :first-child:not(.preview-title){margin-top:0}.notice{color:#116149;margin:4px 0;font-weight:650}.notice.error{color:#a33232}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}.soft-danger{color:#6f5b3e;background:#fbf8f2;border-color:#e1d7c7}.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}button.cell-card{cursor:pointer}button.cell-card:hover{border-color:var(--accent)}.cell-card.editing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.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-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 (width<=820px){.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.workspace,.editor-grid,.split,.workspace.sidebar-collapsed{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-collapsed .sidebar{display:none}.markdown-input,textarea,.preview{min-height:38svh}.cell-meta{gap:4px;display:grid}.cell-meta span{flex:initial}}