:root { --apple-bg: #f5f5f7; }
[x-cloak] { display: none !important; }

html, body { height: 100%; }

.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-\[8\] { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }

/* Editor contenteditable */
#editor { outline: none; line-height: 1.65; font-size: 15px; }
#editor:empty::before {
  content: attr(data-placeholder); color: #c1c1c6; pointer-events: none;
}
#editor h1 { font-size: 26px; font-weight: 700; margin: 18px 0 10px; }
#editor h2 { font-size: 21px; font-weight: 600; margin: 14px 0 8px; }
#editor h3 { font-size: 18px; font-weight: 600; margin: 12px 0 6px; }
#editor p  { margin: 6px 0; }
#editor ul, #editor ol { padding-left: 1.6em; list-style: revert; margin: 6px 0; }
#editor blockquote { border-left: 3px solid #d2d2d7; padding-left: 14px; color: #6e6e73; margin: 12px 0; font-style: italic; }
#editor code { background: rgba(0,0,0,.06); padding: 1px 6px; border-radius: 6px; font-size: 0.92em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
#editor pre { background: #1d1d1f; color: #f5f5f7; padding: 14px; border-radius: 12px; overflow:auto; margin: 12px 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; }
#editor a { color: #0071e3; text-decoration: underline; }

/* Scrollbar discreta */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }