:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f1e8;--paper-2:#fffaf2;--ink:#2f2a24;--muted:#7d7165;--line:#ded2c2;--cedar:#876b50;--cedar-dark:#5d4632;--sage:#6d7d66;--mist:#dfe8e1;--rose:#e7cbc4;--shadow:0 16px 40px #4c3a261f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:980px;min-height:100vh;color:var(--ink);background:linear-gradient(140deg,#dfe8e1f2,#f7f1e8eb),repeating-linear-gradient(90deg,#5d463208 0 1px,#0000 1px 9px);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:260px minmax(720px,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2d1;flex-direction:column;gap:26px;padding:28px 20px;display:flex}.brandMark{border-bottom:1px solid var(--line);color:var(--cedar-dark);align-items:center;gap:12px;padding:10px 8px 18px;display:flex}.brandMark h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.1}.brandMark span{color:var(--muted);font-size:13px}nav{gap:8px;display:grid}.navItem,.ghostButton,.primaryButton{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.navItem{width:100%;color:var(--cedar-dark);background:0 0;justify-content:flex-start;padding:10px 12px}.navItem.active,.navItem:hover{background:var(--mist);border-color:#6d7d663d}.tokenBox{color:var(--muted);gap:8px;margin-top:auto;font-size:12px;display:grid}.tokenBox input,.field input,.field select,.field textarea,.compactSelect,.searchBar input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffaf2e0;border-radius:8px;outline:none;padding:10px 12px}.field textarea{resize:vertical;line-height:1.55}.workspace{padding:28px;overflow:auto}.deskGrid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.wide{grid-column:1/-1}.panel{box-shadow:var(--shadow);background:#fffaf2b8;border:1px solid #ded2c2e6;border-radius:8px;padding:18px}.panelHead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.panelTitle{color:var(--cedar-dark);align-items:center;gap:9px;display:flex}.panelTitle h2{margin:0;font-size:18px}.panelActions{align-items:center;gap:8px;display:flex}.ghostButton{border-color:var(--line);color:var(--cedar-dark);background:#fffaf2b3;padding:8px 11px}.ghostButton.danger{color:#8a3d34;border-color:#8a3d3447}.primaryButton{background:var(--cedar-dark);color:#fffaf2;border-color:var(--cedar-dark);padding:8px 13px}.ghostButton:hover,.primaryButton:hover{filter:brightness(.96)}.quiet{color:var(--muted);margin:0}.prose h3,.inboxRow h3{margin:0 0 8px;font-size:18px}.prose p,.inboxRow p,.resultItem p{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.6}.bigNumber{color:var(--sage);font-family:Georgia,serif;font-size:58px}.cardShelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.memoryTile,.listItem{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fffaf2b3;border-radius:8px;gap:6px;padding:13px;display:grid}.memoryTile span,.listItem span,.metaLine{color:var(--muted);font-size:12px}.statusBadge{border:1px solid var(--line);width:max-content;min-height:22px;color:var(--muted);background:#fffaf2b3;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.statusBadge.active{color:#4f6b4d;background:#dfe8e1c7;border-color:#4f6b4d42}.statusBadge.pending{color:#876b50;background:#f7f1e8eb;border-color:#876b504d}.statusBadge.archived{color:#5f6870;background:#e7ebeeb3;border-color:#5f687040}.statusBadge.trashed,.statusBadge.deleted{color:#8a3d34;background:#e7cbc47a;border-color:#8a3d3442}.splitLayout{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.cardBoxLayout{grid-template-columns:240px 300px minmax(0,1fr);gap:18px;display:grid}.itemList{gap:10px;max-height:calc(100vh - 150px);padding-right:3px;display:grid;overflow:auto}.foldersList{max-height:36vh}.listItem.active{background:var(--mist);border-color:#6d7d666b}.detailPanel{min-height:calc(100vh - 56px)}.editorForm,.noteComposer,.folderEditor,.inboxEditor{gap:13px;display:grid}.folderEditor{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.formGrid,.inlineFields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.field{color:var(--muted);gap:6px;font-size:12px;display:grid}.field.full{grid-column:1/-1}.buttonRow{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.divider{background:var(--line);height:1px;margin:18px 0}.notesList{gap:10px;margin-bottom:16px;display:grid}.noteTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.miniActions{gap:6px;display:flex}.miniActions button{border:1px solid var(--line);width:28px;height:28px;color:var(--cedar-dark);background:#fffaf2b8;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.noteEdit{grid-template-columns:160px 120px minmax(0,1fr);gap:10px;margin-top:10px;display:grid}.noteEdit .full,.noteEdit .buttonRow{grid-column:1/-1}.note,.resultItem,.inboxRow{border:1px solid var(--line);background:#fffaf29e;border-radius:8px;padding:13px}.note p{margin:8px 0 0;line-height:1.55}.metaLine{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.checkField{min-height:39px;color:var(--muted);align-self:end;align-items:center;gap:8px;font-size:13px;display:flex}.inboxRows,.searchResults{gap:12px;display:grid}.inboxRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.inboxRow .buttonRow{justify-content:flex-end;max-width:390px}.searchBar{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:20px;display:grid}.searchResults h3{color:var(--cedar-dark);margin:10px 0 0}@media (width<=1180px){body{min-width:900px}.appShell{grid-template-columns:220px minmax(680px,1fr)}.cardBoxLayout{grid-template-columns:210px 250px minmax(0,1fr)}.formGrid,.inlineFields,.noteEdit{grid-template-columns:repeat(2,minmax(0,1fr))}.inboxRow{grid-template-columns:1fr}.inboxRow .buttonRow{justify-content:flex-start;max-width:none}}
