.notes-layout{max-width:var(--layout-width);margin:0 auto;padding:var(--space-section) var(--space-xl) var(--space-bottom)}.panel,.note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-xl)}.panel{margin-bottom:var(--space-section)}.message{margin:var(--space-message) 0 0;color:var(--color-error)}.list-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl)}.search-label{width:min(100%,var(--search-width));font-size:var(--font-small)}.search-control{margin-bottom:0}.note{margin-top:var(--space-item);overflow-wrap:anywhere}.note-title{font-size:var(--font-main);margin:0 0 var(--space-sm)}.note-body{white-space:pre-wrap;margin:var(--space-md) 0 0}.note-time,.list-message{color:var(--color-muted);font-size:var(--font-small)}@media(max-width:600px){.notes-layout{padding:var(--space-mobile-top) var(--space-lg) var(--space-mobile-bottom)}.list-heading{display:block}.search-label{width:100%}.panel,.note{padding:var(--space-lg)}}