.notes-page{display:grid;gap:24px;padding-bottom:50px}.notes-page__shared-heading{margin:0;font:inherit;font-size:22px;font-weight:600;overflow-wrap:anywhere}.notes-page__quota{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px;background:var(--color-soft);border-radius:12px}.notes-page a{color:var(--color-primary)}.notes-page__filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.notes-page__filters label{display:grid;gap:6px;flex:1;min-width:150px}.notes-page input,.notes-page select,.notes-page textarea,.notes-page button{font:inherit;border:1px solid var(--color-line);border-radius:8px;padding:9px 12px;background:#fff;color:var(--color-text)}.notes-page input{width:100%;min-width:0}.notes-page button{cursor:pointer}.notes-page button:disabled{opacity:.5;cursor:default}.notes-page button:focus-visible,.notes-page a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.notes-page__list{list-style:none;padding:0;margin:0;display:grid;border:1px solid var(--color-line);border-radius:12px;overflow:hidden}.notes-page__detail{position:static;width:100%;max-width:none;max-height:none;margin:0;color:var(--color-text);padding:20px;border:1px solid var(--color-line);border-radius:12px;min-width:0;overflow-wrap:anywhere}.notes-page__list li+li{border-top:1px solid var(--color-line)}.notes-page .notes-page__title{padding:16px 20px;flex:1;min-width:0;border:0;border-radius:0;text-align:left;font-weight:650;color:var(--color-primary);background:transparent;display:block;overflow-wrap:anywhere}.notes-page time{font-size:13px;color:var(--color-muted)}.notes-page__list li{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-page__list-actions{display:flex;align-items:center;gap:12px;padding-right:20px;flex-shrink:0}.notes-page .notes-page__delete{color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.notes-page__delete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notes-page__pagination{display:flex;align-items:center;justify-content:center;gap:20px}.notes-page__detail{background:#fff}.notes-page__detail h2{margin-top:16px}.notes-page__detail>h2:focus{outline:none}.notes-markdown{line-height:1.7;overflow-wrap:anywhere}.notes-markdown img{max-width:100%;height:auto}.notes-markdown pre{overflow:auto;padding:16px;background:var(--color-soft);border-radius:8px}.notes-markdown table{display:block;overflow:auto;border-collapse:collapse}.notes-markdown td,.notes-markdown th{border:1px solid var(--color-line);padding:6px 10px}.notes-page__title:hover{background:var(--color-soft)}.notes-page__toolbar,.notes-page__modes{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.notes-page__back{margin-right:auto}.notes-page--shared>.notes-page__detail>.notes-page__toolbar{justify-content:flex-end}.notes-page__modes button{display:inline-flex;padding:9px}.notes-page__modes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notes-page__modes button[aria-pressed=true],.notes-page .notes-page__save{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.notes-page__edit-title,.notes-page__input{display:grid;gap:8px;min-width:0}.notes-page__edit-title{margin:20px 0 16px}.notes-page__editor{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.notes-page__editor--split{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-page__input{grid-template-rows:auto 1fr}.notes-page textarea{width:100%;min-width:0;min-height:420px;resize:vertical;line-height:1.7;font-family:ui-monospace,monospace;tab-size:2}.notes-page__preview{min-width:0}.notes-page__preview-label{display:block;margin-bottom:8px}.notes-page__editor--split .notes-markdown{border:1px solid var(--color-line);border-radius:8px;padding:12px;min-height:420px}.notes-page__message{margin-top:20px;padding:12px;background:var(--color-soft);border-radius:8px}.notes-page__message p{margin-top:0}.notes-page__status{font-size:14px;color:var(--color-muted)}.notes-page__detail--fullscreen{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;overflow:auto;border:0;border-radius:0;padding:24px}.notes-page__detail--fullscreen>.notes-page__toolbar{position:sticky;top:-24px;z-index:1;background:#fff;padding:12px 0}.notes-page__metadata,.notes-page__permissions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.notes-page__tag{border-radius:12px;padding:2px 10px;background:var(--color-soft)}.notes-page__metadata-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notes-page__metadata-edit>summary{cursor:pointer;color:var(--color-muted);margin-bottom:12px}.notes-page__metadata-fields label,.notes-page__sharing label,.notes-page__comments label{display:grid;gap:6px;min-width:0}.notes-page__permissions label{display:flex;align-items:center}.notes-page input[type=checkbox]{width:auto}.notes-page__sharing,.notes-page__comments{margin-top:28px;padding-top:20px;border-top:1px solid var(--color-line)}.notes-page__comments textarea{min-height:100px;font-family:inherit}.notes-page__comments form button{margin-top:10px}.notes-page__collaboration-list{list-style:none;padding:0}.notes-page__collaboration-list li{padding:16px 0;border-bottom:1px solid var(--color-line)}.notes-page__comment-text{white-space:pre-wrap}@media(max-width:600px){.notes-page__editor--split,.notes-page__metadata-fields{grid-template-columns:minmax(0,1fr)}.notes-page__list li{flex-wrap:wrap;gap:0}.notes-page__list-actions{width:100%;justify-content:space-between;padding:0 20px 12px}.notes-page .notes-page__title{flex-basis:100%}.notes-page__detail{padding:16px}.notes-page__detail--fullscreen>.notes-page__toolbar{top:-16px}}.notes-page__title:disabled{color:var(--muted, #737373);cursor:not-allowed}.notes-page__locked{color:var(--muted, #737373);font-size:.85rem}