:root{--mint-50: #effaf6;--mint-100: #d7f2e9;--mint-500: #28c5a5;--teal-700: #0f7b6a;--teal-900: #172f2a;--canvas: #dfecea;--panel: rgba(255, 255, 255, .88);--line: #dbe8e3;--muted: #728681;--text: #213b36;color:var(--text);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 0%,rgba(40,197,165,.2),transparent 30%),radial-gradient(circle at 8% 10%,rgba(223,242,207,.72),transparent 28%),linear-gradient(90deg,rgba(15,123,106,.06) 1px,transparent 1px),linear-gradient(rgba(15,123,106,.05) 1px,transparent 1px),var(--canvas);background-size:auto,auto,34px 34px,34px 34px,auto}button,input,textarea{font:inherit}a{color:var(--teal-700)}.app-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;min-height:100vh}.sidebar{border-right:1px solid rgba(15,123,106,.14);background:#f6faf8e6;padding:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-header,.editor-header,.public-header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,h3,p{margin-top:0}.sidebar h1{color:var(--teal-900);font-size:20px;margin-bottom:0}.icon-button{width:36px;height:36px;border:1px solid rgba(15,123,106,.2);border-radius:8px;background:var(--panel);color:var(--teal-700);font-weight:800;cursor:pointer}.search{width:100%;margin:18px 0;padding:11px 12px;border:1px solid rgba(15,123,106,.18);border-radius:8px;background:#ffffffd1;color:var(--text)}.document-list{display:grid;gap:8px}.document-row{display:grid;gap:4px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.document-row:hover{border-color:#28c5a575}.document-row-active,.document-row-active:hover{border-color:var(--mint-500);box-shadow:0 0 0 1px #28c5a5e6;background:#effaf6eb}.document-row small,.eyebrow{color:var(--muted);font-size:13px}.editor-shell,.empty-state{padding:28px}.editor-title-group{min-width:0}.document-title-input{display:block;width:min(520px,100%);border:1px solid transparent;border-radius:8px;background:transparent;color:var(--teal-900);font-size:22px;font-weight:700;line-height:1.25;padding:3px 8px}.document-title-input:hover{border-color:#0f7b6a2e;background:#ffffffc7}.document-title-input:focus{border-color:var(--mint-500);background:#ffffffe6;box-shadow:0 0 0 3px #28c5a524;outline:none}.save-status{margin:0;color:var(--muted);font-size:13px}.save-status-error{color:#b42318}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:0;border-radius:8px;background:var(--mint-500);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.primary-button:hover,.link-form-button:hover{background:var(--teal-700)}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.action-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(15,123,106,.2);border-radius:8px;background:var(--panel);color:var(--teal-700);cursor:pointer}.action-button:hover{border-color:#28c5a575;background:var(--mint-50);color:var(--teal-700)}.action-button.danger:hover{border-color:#f0b8b8;background:#fff5f5;color:#b42318}.segmented{display:inline-flex;margin:0;padding:4px;border:1px solid rgba(15,123,106,.18);border-radius:8px;background:#ffffffd1}.segmented button{min-width:112px;border:0;border-radius:6px;background:transparent;padding:8px 12px;color:var(--text);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--mint-100);color:var(--teal-700)}.visual-editor,.markdown-editor,.publish-panel,.markdown-body{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:20px}.visual-editor,.markdown-editor{min-height:360px}.visual-editor{padding:0;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;border-bottom:1px solid var(--line);background:#effaf6b3}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--teal-900);cursor:pointer}.toolbar-button:hover,.toolbar-button[aria-pressed=true]{border-color:#28c5a575;background:var(--mint-100);color:var(--teal-700)}.toolbar-divider{width:1px;height:24px;margin:0 4px;background:var(--line)}.link-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding:10px 12px;border-bottom:1px solid var(--line);background:#ffffffd1}.link-form-label{display:grid;gap:4px;min-width:min(320px,100%);color:var(--muted);font-size:13px}.link-form-label input{min-height:36px;border:1px solid rgba(15,123,106,.18);border-radius:6px;padding:7px 10px;color:var(--text)}.link-form-label input:focus{border-color:var(--mint-500);box-shadow:0 0 0 3px #28c5a524;outline:none}.link-form-button{min-height:36px;border:0;border-radius:6px;background:var(--mint-500);color:#fff;padding:0 12px;cursor:pointer}.link-form-button.secondary{border:1px solid rgba(15,123,106,.2);background:#fff;color:var(--teal-700)}.tiptap-surface{min-height:310px;padding:20px;outline:none;line-height:1.65}.tiptap-surface p,.tiptap-surface ul,.tiptap-surface ol,.tiptap-surface blockquote,.tiptap-surface pre{margin:0 0 14px}.tiptap-surface blockquote{border-left:3px solid var(--mint-500);padding-left:14px;color:#4f6862}.tiptap-surface code{border-radius:4px;background:var(--mint-50);padding:2px 4px}.markdown-editor{resize:vertical}.publish-panel{display:grid;gap:10px;margin-top:18px}.download-link{width:fit-content}.public-page{max-width:920px;margin:0 auto;padding:32px 20px 56px}.markdown-body{line-height:1.65}@media (max-width: 760px){.app-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(15,123,106,.14)}.editor-shell,.empty-state{padding:20px}}.app-layout{grid-template-columns:320px minmax(0,1fr);gap:0;padding:16px;transition:grid-template-columns .22s ease}.app-layout-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:18px;height:calc(100vh - 32px);overflow-x:clip;overflow-y:auto;padding:24px 16px;border:1px solid rgba(219,232,227,.78);border-right:0;border-radius:24px 0 0 24px;background:#effaf6c7;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0}.collapse-btn{position:absolute;top:50%;right:12px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--teal-700);background:#fffffff0;box-shadow:0 10px 24px #1c3f3714;cursor:pointer;transform:translateY(-50%);z-index:3}.collapse-btn:hover{border-color:var(--mint-500);background:var(--mint-50)}.brand,.nav-item,.sidebar-title-row,.filter-chip,.pagination,.document-row-tags{display:flex;align-items:center}.brand{gap:10px;min-height:34px;padding:0 8px;color:var(--teal-700);font-weight:800}.brand-mark{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(145deg,var(--mint-500),var(--teal-700))}.brand-name,.nav-item span,.sidebar-tools,.active-filters,.document-list,.pagination{transition:opacity .18s ease,transform .18s ease}.nav-list{display:grid;gap:7px}.nav-item{gap:10px;min-height:40px;width:100%;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#5e766f;font-size:13px;font-weight:800;cursor:pointer}.nav-item:hover{color:var(--teal-700);border-color:var(--line);background:#ffffffa6}.nav-item.active{color:#fff;background:var(--mint-500)}.sidebar-title-row{justify-content:space-between;gap:10px;color:var(--teal-900)}.sidebar-tools{display:grid;gap:12px}.filter-list{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{min-height:30px;border:1px solid rgba(15,123,106,.16);border-radius:999px;background:#ffffffc7;color:var(--teal-700);padding:0 10px;cursor:pointer}.filter-chip.active{border-color:var(--mint-500);background:var(--mint-100)}.filter-empty,.active-filters{color:var(--muted);font-size:12px}.active-filters{flex-wrap:wrap;gap:6px}.active-filters span{border-radius:999px;background:#ffffffc7;padding:4px 8px}.document-row{gap:5px}.document-row-title{font-weight:800}.document-row-meta{color:var(--muted);font-size:12px}.document-row-tags{flex-wrap:wrap;gap:4px;margin-top:2px}.document-row-tags span{border-radius:999px;background:var(--mint-50);color:var(--teal-700);padding:2px 6px;font-size:11px;font-weight:700}.pagination{justify-content:space-between;gap:8px;margin-top:auto;color:var(--muted);font-size:12px;font-weight:800}.pagination button{min-height:32px;border:1px solid rgba(15,123,106,.18);border-radius:8px;background:#ffffffd1;color:var(--teal-700);cursor:pointer}.pagination button:disabled{opacity:.45;cursor:not-allowed}.metadata-panel{display:grid;grid-template-columns:minmax(160px,240px) minmax(220px,1fr);gap:10px;margin:10px 0 0}.metadata-panel label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.metadata-panel .metadata-full-row{grid-column:1 / -1}.metadata-panel input{min-height:36px;border:1px solid rgba(15,123,106,.18);border-radius:8px;background:#ffffffd1;color:var(--text);padding:7px 10px}.metadata-panel input:focus{border-color:var(--mint-500);box-shadow:0 0 0 3px #28c5a524;outline:none}.app-layout-collapsed .sidebar{align-items:center;padding-inline:14px}.app-layout-collapsed .brand{padding-inline:0}.app-layout-collapsed .brand-name,.app-layout-collapsed .nav-item span,.app-layout-collapsed .sidebar-tools,.app-layout-collapsed .active-filters,.app-layout-collapsed .document-list,.app-layout-collapsed .pagination{width:0;opacity:0;overflow:hidden;transform:translate(-4px);pointer-events:none}.app-layout-collapsed .nav-item{justify-content:center;width:42px;padding-inline:0}.editor-shell,.empty-state{min-width:0;border:1px solid rgba(219,232,227,.78);border-radius:0 24px 24px 0;background:#ffffff7a}.editor-shell{padding-top:18px}.editor-header{align-items:flex-start}.editor-mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 10px}.editor-mode-row .save-status{min-height:34px;display:inline-flex;align-items:center}@media (max-width: 760px){.app-layout,.app-layout-collapsed{grid-template-columns:1fr;padding:0}.sidebar{position:relative;top:0;height:auto;border-right:1px solid rgba(219,232,227,.78);border-radius:0}.editor-shell,.empty-state{border-radius:0}.metadata-panel{grid-template-columns:1fr}}