:root{--surface:#14171b;--muted-surface:#1d2229;--text:#e6e8ec;--heading:#fff;--muted:#9aa3af;--line:#303842;--accent:#1e7f8c;--accent-soft:#0f3840;--danger-text:#e6a9a0;--danger-surface:#281d1b;--danger-line:#5a3933;--success-text:#3dc98a;--error-text:#d9847a;--status-draft-text:#d6c78d;--status-draft-line:#5a5235;--status-draft-bg:#211f18;--status-draft-wash:#a98b2f14;--status-ready-text:#9dbde6;--status-ready-line:#344760;--status-ready-bg:#18212b;--status-ready-wash:#4e82b314;--status-used-text:#9bcfb2;--status-used-line:#365641;--status-used-bg:#17231b;--status-used-wash:#41915b14;--status-archived-text:#aeb4bf;--status-archived-line:#3c424d;--status-archived-bg:#1b1e24;--status-archived-wash:#78808e12;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--cell-gap:14px;--notebook-max-width:1180px;--notebook-padding:16px;--topbar-height:52px;--cell-body-font-size:15.5px;--cell-body-line-height:1.45;--cell-preview-max-height:234.75px;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;--status-draft-text:#7a6420;--status-draft-line:#dbc887;--status-draft-bg:#fbf7e8;--status-draft-wash:#ab85141a;--status-ready-text:#33658f;--status-ready-line:#b8cfe2;--status-ready-bg:#eef6fb;--status-ready-wash:#33658f17;--status-used-text:#2d7447;--status-used-line:#b8dac4;--status-used-bg:#edf8f0;--status-used-wash:#2d744717;--status-archived-text:#6b7280;--status-archived-line:#d7dce4;--status-archived-bg:#f5f6f8;--status-archived-wash:#6b728014}*{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}select option{color:var(--text);background:var(--surface)}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);height:var(--topbar-height);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{text-overflow:ellipsis;min-width:120px;max-width:180px;overflow:hidden}.filter-label .inline-field-action{width:28px;min-width:28px;min-height:28px;font-size:14px}.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)}.status-filter .status-filter-draft.active{color:var(--status-draft-text);border-color:var(--status-draft-line);background:var(--status-draft-bg)}.status-filter .status-filter-ready.active{color:var(--status-ready-text);border-color:var(--status-ready-line);background:var(--status-ready-bg)}.status-filter .status-filter-used.active{color:var(--status-used-text);border-color:var(--status-used-line);background:var(--status-used-bg)}.status-filter .status-filter-archived.active{color:var(--status-archived-text);border-color:var(--status-archived-line);background:var(--status-archived-bg)}.workspace{min-height:calc(100svh - var(--topbar-height));grid-template-columns:minmax(0,1fr);display:grid}.editor{min-width:0;padding:var(--notebook-padding)}.muted{color:var(--muted)}.notice{color:var(--success-text);background:var(--muted-surface);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:4px 0;padding:8px 10px;font-weight:650;display:flex}.notice.error{color:var(--error-text);background:var(--danger-surface);border-color:var(--danger-line)}.notice-dismiss{width:28px;min-width:28px;min-height:28px;color:var(--text);border-color:var(--line);background:0 0;padding:0}.workspace-notice{z-index:20;width:min(360px,100vw - 32px);margin:0;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000047}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}.cell-feed{gap:var(--cell-gap);max-width:var(--notebook-max-width);margin:0 auto;display:grid}.cell-card{--cell-status-color:var(--line);--cell-status-bg:transparent;width:100%;color:var(--text);text-align:left;background:linear-gradient(90deg, var(--cell-status-bg), transparent 42%), var(--surface);border:1px solid var(--line);border-left-color:var(--cell-status-color);border-radius:8px;gap:12px;padding:14px;display:grid;position:relative}.cell-status-draft{--cell-status-color:var(--status-draft-line);--cell-status-bg:var(--status-draft-wash)}.cell-status-ready{--cell-status-color:var(--status-ready-line);--cell-status-bg:var(--status-ready-wash)}.cell-status-used{--cell-status-color:var(--status-used-line);--cell-status-bg:var(--status-used-wash)}.cell-status-archived{--cell-status-color:var(--status-archived-line);--cell-status-bg:var(--status-archived-wash)}button.cell-card{cursor:pointer}button.cell-card:hover{border-color:var(--accent)}.cell-card.editing textarea,.cell-card.editing input[type=text],.cell-card.editing select{background:0 0}.cell-card.active{box-shadow:inset 4px 0 0 var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--cell-status-bg) 70%, transparent), transparent 48%), color-mix(in srgb, var(--surface) 94%, var(--muted-surface));transition:box-shadow .15s}.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;left:50%;transform:translate(-50%)translateY(2px)}.cell-card:hover .cell-toolbar-main,.cell-card.active .cell-toolbar-main,.cell-card:focus-within .cell-toolbar-main,.cell-toolbar-main:focus-within{transform:translate(-50%)translateY(0)}.cell-card:hover .cell-toolbar,.cell-card.active .cell-toolbar,.cell-card:focus-within .cell-toolbar,.cell-toolbar:focus-within{opacity:1;pointer-events:auto}.icon-button{place-items:center;width:30px;min-width:30px;min-height:30px;padding:0;font-size:15px;line-height:1;display:inline-grid}.icon-button.active{color:var(--heading);background:var(--muted-surface);border-color:color-mix(in srgb, var(--line) 60%, var(--text))}.insert-menu{position:relative}.insert-menu-popover{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:2px;min-width:96px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000038}.insert-menu-popover button{min-height:30px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:12px}.insert-menu-popover button:hover,.insert-menu-popover button:focus{background:var(--muted-surface)}.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;align-items:center;gap:6px;font-size:12px;line-height:1.35;display:inline-flex}.cell-status-pill{width:18px;height:18px;color:var(--text);background:var(--muted-surface);border:1px solid var(--line);border-radius:999px;place-items:center;font-size:11px;line-height:1;display:inline-grid}.cell-status-pill-draft{color:var(--status-draft-text);border-color:var(--status-draft-line);background:var(--status-draft-bg)}.cell-status-pill-ready{color:var(--status-ready-text);border-color:var(--status-ready-line);background:var(--status-ready-bg)}.cell-status-pill-used{color:var(--status-used-text);border-color:var(--status-used-line);background:var(--status-used-bg)}.cell-status-pill-archived{color:var(--status-archived-text);border-color:var(--status-archived-line);background:var(--status-archived-bg)}.cell-meta-controls{gap:8px;display:grid}.cell-meta-controls summary{width:30px;min-height:30px;color:var(--muted);background:var(--muted-surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;place-items:center;list-style:none;display:grid}.cell-meta-controls summary::-webkit-details-marker{display:none}.cell-meta-controls[open] summary{color:var(--heading);border-color:color-mix(in srgb, var(--line) 60%, var(--text))}.cell-meta-row{grid-template-columns:1fr 1fr;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}.markdown-input{gap:8px;font-weight:400}textarea{resize:vertical;min-height:0;max-height:72svh;font-family:inherit;font-size:var(--cell-body-font-size);font-weight:400;line-height:var(--cell-body-line-height);border-color:color-mix(in srgb, var(--line) 55%, transparent);overflow:hidden}.cell-card.editing textarea:focus{border-color:var(--accent);outline:none}textarea:focus{border-color:var(--line);outline:none}.cell-preview{max-height:var(--cell-preview-max-height);color:var(--text);border-top:1px solid var(--line);font-family:inherit;font-size:var(--cell-body-font-size);font-weight:400;line-height:var(--cell-body-line-height);padding-top:10px;overflow:hidden}.cell-preview code,.cell-preview pre{font-family:var(--mono)}.cell-preview hr{margin:calc(var(--cell-body-font-size) * .8) 0;border:0;border-top:1px solid color-mix(in srgb, var(--text) 70%, transparent)}.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;width:100%;max-width:100%;box-shadow:none;flex-wrap:wrap;order:1;justify-self:start;position:static;transform:none!important}.cell-toolbar-main{max-width:100%;top:auto;left:auto;overflow:hidden}.cell-card:hover .cell-toolbar-main,.cell-card.active .cell-toolbar-main,.cell-card:focus-within .cell-toolbar-main,.cell-toolbar-main:focus-within{transform:none!important}.cell-card:not(.active,.editing) .cell-toolbar{display:none}.cell-card.active{gap:10px}.insert-menu-popover{inset:auto auto calc(100% + 6px) 0}.cell-meta-controls{display:none}.markdown-input{order:2}.cell-preview{order:2;max-height:none;overflow:visible}}@media (width<=820px){.topbar{height:auto;min-height:var(--topbar-height);flex-wrap:wrap;align-items:flex-start;padding:8px 10px}.topbar-filters{flex-wrap:wrap;order:3;justify-content:flex-start;gap:8px;width:100%}.filter-label{flex:150px}.filter-label select{flex:auto;min-width:0;max-width:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.sort-menu-dropdown{max-width:calc(100vw - 20px);right:0}.cell-meta{gap:4px;display:grid}.cell-meta span{flex:initial}.cell-meta-row{grid-template-columns:1fr}}