#notes{--note-paper:#fff;--note-soft:#edede8}#notes h2{font-size:var(--heading-large);margin:8px 0}#notes .section-head p{max-width:700px}.notes-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:14px;margin-bottom:24px}.notes-filters label{margin:0}.notes-filters button{min-height:47px}.notes-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:22px;align-items:start}.notes-list-panel,.notes-editor-panel{min-width:0;background:var(--note-paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.notes-list-head{display:flex;flex-direction:column;gap:5px;padding:20px;border-bottom:1px solid var(--line);background:#f0f0eb}.notes-list-head strong{font-size:var(--text-large);font-weight:600}.notes-list-head>span{font-size:var(--text-small);color:var(--muted)}#notes-list{max-height:70dvh;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.notes-list-item{display:block;width:100%;background:white;color:inherit;border:0;border-bottom:1px solid #e4e4df;border-radius:0;text-align:left;padding:20px;min-width:0;font-weight:400}.notes-list-item:last-child{border-bottom:0}.notes-list-item:hover{background:#f4f4ef;filter:none}.notes-list-item.is-selected{background:#edede8;box-shadow:inset 3px 0 var(--accent)}.notes-item-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.notes-item-heading strong{font-size:var(--text-large);font-weight:600;overflow-wrap:anywhere;line-height:1.5}.notes-pin{color:#7c7135;font-size:1.1rem;flex:none}.notes-item-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:var(--text-body);color:#577969;line-height:1.6;margin-top:10px;white-space:pre-wrap}.notes-item-group{display:block;margin-top:14px;color:var(--muted);font-size:var(--text-small);overflow-wrap:anywhere;line-height:1.6}.notes-item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.notes-item-tags>span{background:#e8e8e3;padding:3px 8px;border-radius:5px;font-size:var(--text-small);color:#426052;overflow-wrap:anywhere}.notes-no-results{padding:32px 22px;text-align:center}.notes-no-results p{color:var(--muted);font-size:var(--text-body);line-height:1.7;margin:12px 0}.notes-welcome{padding:70px 35px;text-align:center;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#fff,#f3f3ee)}.notes-welcome>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e4e4df;font-size:36px;color:#4f6d5e;margin-bottom:24px}.notes-welcome h3{font-size:var(--heading-large);max-width:330px;line-height:1.4;margin-bottom:12px}.notes-welcome p{max-width:350px;color:var(--muted);line-height:1.8;font-size:var(--text-large)}.notes-welcome button{margin-top:8px}#notes-editor{padding:26px}.notes-editor-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}#notes-back{display:none}#notes-save-state{font-size:var(--text-small);color:#577868;line-height:1.5;min-width:0}#notes-save-state.is-dirty{color:#966c28}#notes-save{margin-left:auto;flex:none}.notes-title-label{margin-bottom:24px}.notes-title-label input{font-size:var(--heading-large);font-weight:550;letter-spacing:-.3px;padding:12px 14px}.notes-editor-meta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.notes-editor-meta>label:first-child{flex:1;min-width:150px}.notes-editor-meta .check{margin-top:20px;flex-shrink:0}.notes-body-label textarea{width:100%;font:inherit;font-size:var(--text-large);line-height:1.8;resize:vertical;min-height:320px;padding:16px;background:#fefef9;color:inherit;border:1px solid var(--line);border-radius:8px}.notes-body-label textarea:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.notes-tag-picker{padding:18px 0;border-top:1px solid var(--line)}.notes-tag-picker summary{cursor:pointer;font-weight:600;min-height:32px}.notes-tag-picker summary span{font-weight:400;color:var(--muted);margin-left:6px}#notes-tag-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;max-height:240px;overflow:auto;padding:3px}.notes-tag-choice{padding:8px 12px;background:#f3f3ee;border:1px solid var(--line);border-radius:7px;margin:0;font-size:var(--text-body);overflow-wrap:anywhere;max-width:100%}.notes-tag-choice:has(input:checked){background:#e5e5e0;border-color:#7b9f8e}.notes-tag-picker .footnote{margin:12px 0 0}.notes-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px}.notes-editor-footer>span{font-size:var(--text-small);overflow-wrap:anywhere}#notes .notes-delete{color:#934b40;border-color:#dacbc6;background:transparent}.notes-editor-footer button{font-size:var(--text-small)}.notes-organization-intro{max-width:900px;line-height:1.8}.notes-organization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}.notes-organization-head{display:flex;gap:16px;align-items:center;margin-bottom:28px}.notes-organization-head h3{margin:0 0 4px;font-size:22px}.notes-organization-head p{margin:0;font-size:var(--text-body)}.notes-label-icon{width:50px;height:50px;border-radius:12px;background:#e9e9e4;color:#537263;display:grid;place-items:center;flex:none;font-size:28px}.notes-label-form{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:8px}.notes-label-form input{max-width:100%}.notes-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #e8e8e3}.notes-label-row>div:first-child{min-width:0;flex:1}.notes-label-row strong{font-size:var(--text-large);font-weight:550;overflow-wrap:anywhere}.notes-label-row small{display:block;color:var(--muted);font-size:var(--text-small);margin-top:5px}.notes-label-row .actions{gap:6px}.notes-label-row button{font-size:var(--text-small);padding:8px 10px}.notes-label-empty{padding:25px 0;line-height:1.7}.notes-organization-grid+.footnote{margin-top:24px}#notes-pages{gap:12px;font-size:var(--text-small);margin:16px 8px}#notes-pages button{padding:8px 14px}
@media(max-width:1350px){.notes-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.notes-organization-grid{grid-template-columns:1fr}.notes-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.notes-search{grid-column:1/-1}.notes-filters>button{align-self:end}#notes-editor{padding:20px}.notes-editor-footer{align-items:flex-start;flex-direction:column}.notes-editor-meta{gap:10px}.notes-editor-meta .check{margin-top:0}.notes-label-row .actions{flex-wrap:wrap}}
@media(max-width:800px){.notes-layout{grid-template-columns:1fr}.notes-editor-panel{display:none}.notes-layout.is-editing .notes-list-panel{display:none}.notes-layout.is-editing .notes-editor-panel{display:block}.notes-welcome{min-height:0;padding:35px 24px}#notes-list{max-height:none}.notes-list-item{padding:20px}.notes-list-panel{background:transparent}#notes-back{display:block}.notes-editor-bar{flex-wrap:wrap;gap:10px}#notes-save-state{order:3;width:100%}.notes-editor-panel{border-radius:12px}.notes-body-label textarea{min-height:350px}#notes>.section-head .actions{display:flex}.notes-title-label input{font-size:var(--heading-large)}.notes-label-row button{font-size:var(--text-small)}.notes-organization-grid .panel{padding:20px}.notes-label-row{align-items:flex-start;flex-direction:column}.notes-label-row .actions{width:100%}.notes-label-row .actions button{flex:1}.notes-editor-footer{gap:14px}.notes-tag-choice{font-size:var(--text-body)}.notes-item-group,.notes-editor-footer>span{font-size:var(--text-small)}.notes-item-tags>span{font-size:var(--text-small)}}
@media(max-width:460px){.notes-filters{gap:12px}.notes-filters label{font-size:var(--text-body)}#notes>.section-head .actions{width:100%;gap:8px}#notes>.section-head .actions>button{flex:1;padding:11px}.notes-filters>button{grid-column:1/-1}.notes-editor-bar button{font-size:var(--text-body);padding:10px}#notes-editor{padding:18px 16px}.notes-editor-meta{flex-direction:column;align-items:stretch}.notes-editor-meta>label:first-child{min-width:0}.notes-editor-meta .check{margin-bottom:18px}.notes-label-form .actions{flex-direction:column}.notes-label-form button{width:100%}.notes-label-row .actions{flex-wrap:wrap}.notes-organization-head{gap:12px}.notes-organization-head h3{font-size:var(--heading-large)}.notes-item-heading strong{font-size:var(--text-large)}.notes-body-label textarea{padding:12px}.notes-list-head{padding:18px}.notes-body-label{margin-bottom:16px}#notes h2{font-size:var(--heading-large)}}
#notes{scroll-margin-top:calc(var(--header-height) + 20px)}
@media(max-width:800px){#notes:has(#notes-all:not([hidden]) .notes-layout.is-editing)>.section-head{display:none}#notes-all:has(.notes-layout.is-editing)>.notes-filters{display:none}}
@media(max-width:460px){#notes>.section-head .eyebrow{display:none}#notes>.section-head p{font-size:var(--text-body)}#notes>.section-head .actions>button{font-size:var(--text-body)}}

#notes-reader {min-width:0;overflow-wrap:anywhere}
#notes-read-body {white-space:pre-wrap;line-height:1.65}
#notes-editor .notes-editor-bar {flex-wrap:wrap}
