.note-line{color:var(--text-ink-3);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.35rem 0;font-size:.72rem;font-weight:600;display:flex}.note-line>span:not(:last-child):after{content:"·";color:var(--text-ink-3);margin-inline:.6em}.note-line>span:first-child{color:var(--accent-text)}.note-line__draft{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent-text);border-radius:9999px;padding:.12rem .45rem}.note-line>span:has(+.note-line__draft):after{content:"";margin-inline:.35em}.log-feature{align-items:center;gap:1.75rem;display:grid;position:relative}@media (min-width:64rem){.log-feature{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3.5rem}}.log-feature__picture{aspect-ratio:16/10;border-radius:var(--radius-card);background:var(--surface-invert);box-shadow:0 0 0 1px color-mix(in srgb, var(--border-subtle) 80%, transparent), 0 22px 44px -26px #2b22188c;position:relative;overflow:hidden}.log-feature__title{letter-spacing:-.025em;margin-top:1rem;font-size:clamp(1.75rem,3vw,2.6rem);font-weight:600;line-height:1.1}.log-feature__link:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}.log-feature__link:focus-visible{outline:none}.log-feature__link:focus-visible:after{outline:2px solid var(--ring-brand);outline-offset:6px}.log-feature__summary{max-width:34rem;color:var(--text-ink-2);margin-top:1rem;font-size:1.1rem;line-height:1.6}.log-feature__read{color:var(--text-ink);align-items:center;gap:.75rem;margin-top:1.75rem;font-size:.875rem;font-weight:500;display:inline-flex}.log{border-bottom:1px solid var(--border-subtle);margin-top:4rem}.log>li{border-top:1px solid var(--border-subtle)}.log-row{grid-template-columns:3.5rem minmax(0,1fr) auto auto;align-items:center;gap:1.5rem;padding-block:1.6rem;padding-inline:0 .25rem;transition:background-color .4s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.log-row__number{border-inline-end:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.08em;align-self:start;padding-top:.2rem;font-size:.8rem;font-weight:600;line-height:3.2}.log-row__text{gap:.45rem;display:grid}.log-row__title{color:var(--text-ink);letter-spacing:-.015em;font-size:1.3rem;font-weight:600;line-height:1.25;transition:color .3s cubic-bezier(.22,1,.36,1)}.log-row__summary{max-width:44rem;color:var(--text-ink-2);line-height:1.55}.log-row .note-line{margin-top:.3rem}.log-row__picture{aspect-ratio:4/3;background:var(--surface-invert);border-radius:.6rem;width:9.5rem;transition:rotate .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;rotate:1.2deg;box-shadow:0 10px 22px -16px #2b221899}.log-row__arrow{width:1.25rem;height:1.25rem;color:var(--text-ink-3);transition:color .3s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1)}.log-row:hover .log-row__title{color:var(--accent-text)}.log-row:hover .log-row__picture{rotate:none}.log-row:hover .log-row__arrow{color:var(--accent-text);translate:2px -2px}@media (max-width:47.99rem){.log-row{grid-template-columns:2.6rem minmax(0,1fr);gap:1rem}.log-row__picture,.log-row__arrow{display:none}.log-row__title{font-size:1.15rem}}.log-empty{--rule:color-mix(in srgb, var(--text-ink) 9%, transparent);border-radius:var(--radius-card);background:linear-gradient(90deg, transparent 3rem, color-mix(in srgb, var(--accent) 45%, transparent) 3rem, color-mix(in srgb, var(--accent) 45%, transparent) calc(3rem + 1px), transparent calc(3rem + 1px)), repeating-linear-gradient(180deg, transparent 0 1.85rem, var(--rule) 1.85rem calc(1.85rem + 1px)), color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100));max-width:46rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--border-subtle) 80%, transparent), 0 22px 44px -28px #2b221880;padding-block:2.25rem 2.5rem;padding-inline:4.25rem 2rem;position:relative}.dark .log-empty{background:linear-gradient(90deg, transparent 3rem, color-mix(in srgb, var(--accent) 40%, transparent) 3rem, color-mix(in srgb, var(--accent) 40%, transparent) calc(3rem + 1px), transparent calc(3rem + 1px)), repeating-linear-gradient(180deg, transparent 0 1.85rem, var(--rule) 1.85rem calc(1.85rem + 1px)), color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800))}.log-empty__title{margin-top:1rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;line-height:1.2}.log-empty__line{max-width:34rem;color:var(--text-ink-2);margin-top:.9rem;line-height:1.85rem}.note-back{color:var(--text-ink-2);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:color .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.note-back:hover{color:var(--text-ink)}.note-head__title{letter-spacing:-.03em;margin-top:1rem;font-size:clamp(2.1rem,4vw,3.25rem);font-weight:600;line-height:1.05}.note-head__lede{max-width:40rem;color:var(--text-ink-2);margin-top:1.25rem;font-size:1.2rem;line-height:1.55}.note-cover{aspect-ratio:21/9;border-radius:var(--radius-card);background:var(--surface-invert);box-shadow:0 0 0 1px color-mix(in srgb, var(--border-subtle) 80%, transparent), 0 28px 56px -32px #2b221899;position:relative;overflow:hidden}@media (max-width:47.99rem){.note-cover{aspect-ratio:4/3}}.note-grid{gap:2rem;display:grid}@media (min-width:64rem){.note-grid{grid-template-columns:13rem minmax(0,1fr);gap:3.5rem}.note-grid>.note-grid__main{grid-column:2}}@media (min-width:80rem){.note-grid{grid-template-columns:13rem minmax(0,44rem) 13rem;justify-content:center;gap:4rem}}.note-grid>.note-back{place-self:start}@media (min-width:64rem){.note-grid>.note-back{grid-area:1/1;margin-top:.1rem}}.note-side{top:calc(var(--header-bottom) + 2.5rem);align-self:start;position:sticky}@media (max-width:63.99rem){.note-side{display:none}}.note-side__follow{margin-top:2.25rem}.note-side__follow .social-follow{margin-top:.8rem}.note-contents__title{color:var(--text-ink-3);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:600}.note-contents__list{border-inline-start:1px solid var(--border-subtle);gap:2px;margin-top:.9rem;display:grid}.note-contents__link{color:var(--text-ink-2);grid-template-columns:1.75rem minmax(0,1fr);padding-block:.4rem;padding-inline:.9rem 0;font-size:.875rem;line-height:1.4;transition:color .3s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.note-contents__link:before{content:"";top:.35rem;bottom:.35rem;background:var(--accent);border-radius:2px;width:2px;transition:scale .4s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline-start:-1px;scale:1 0}.note-contents__link:hover,.note-contents__link[aria-current]{color:var(--text-ink)}.note-contents__link[aria-current]:before{scale:1}.note-contents__number{color:var(--text-ink-3);font-family:var(--font-plex-mono), ui-monospace, monospace;font-size:.72rem;font-weight:600;line-height:1.95}.note-body{color:color-mix(in srgb, var(--text-ink) 90%, transparent);font-size:1.125rem;line-height:1.75}.note-body>*+*{margin-top:1.4rem}.note-body__section{scroll-margin-top:calc(var(--header-bottom) + 2rem);color:var(--text-ink);font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:600;line-height:1.25;margin-top:3.25rem!important}.note-body__number{color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.12em;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.note-body__list{gap:.6rem;padding:0;list-style:none;display:grid}.note-body__list>li{padding-inline-start:1.6rem;position:relative}.note-body__list>li:before{content:"";top:.72em;background:var(--accent);border-radius:9999px;width:.45rem;height:.45rem;position:absolute;inset-inline-start:.2rem}ol.note-body__list{counter-reset:note-item}ol.note-body__list>li:before{counter-increment:note-item;content:counter(note-item, decimal-leading-zero);width:auto;height:auto;color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;background:0 0;font-size:.75rem;font-weight:600;top:.15em}.note-body__quote{border-inline-start:3px solid var(--accent);color:var(--text-ink);letter-spacing:-.015em;padding-inline-start:1.5rem;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:600;line-height:1.35;margin-block:2.5rem!important}.note-body__aside{background:color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100));box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100)), inset 0 0 0 6px color-mix(in srgb, var(--text-ink) 16%, transparent), 0 8px 20px -14px #2b221866;color:var(--text-ink);border-radius:6px;padding:1.1rem 1.35rem 1.25rem;font-size:1.05rem}.dark .note-body__aside{background:color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800));box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800)), inset 0 0 0 6px color-mix(in srgb, var(--text-ink) 12%, transparent), 0 8px 20px -14px #0009}.note-body__aside-label{color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:600}.note-body__figure{margin-block:2.25rem!important}.note-body__frame{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--surface-invert);position:relative;overflow:hidden;box-shadow:0 18px 36px -24px #2b22188c}.note-body__figure>figcaption{color:var(--text-ink-2);margin-top:.75rem;font-size:.9rem;line-height:1.5}.note-body__fig{color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;margin-inline-end:.6rem;font-size:.72rem;font-weight:600}.note-foot{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:3.5rem;padding-top:1.5rem;display:flex}.note-foot__sign{color:var(--text-ink-3);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.note-share{flex-wrap:wrap;gap:.6rem;display:flex}.note-share__button{border:1px solid var(--border-strong);height:2.5rem;color:var(--text-ink);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.note-share__button:hover{background:var(--surface-hover)}.note-share__button[data-copied]{border-color:var(--accent);color:var(--accent-text)}.note-share__button--whatsapp:hover,.note-share__button--whatsapp:focus-visible{border-color:var(--color-whatsapp);background:var(--color-whatsapp);color:var(--color-whatsapp-ink)}.note-progress{--read:0;z-index:60;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.note-progress__laid{width:calc(var(--read) * 100%);background:linear-gradient(180deg, var(--color-gold-200), var(--color-gold-500) 60%, var(--color-gold-700));border-start-end-radius:3px;border-end-end-radius:3px;position:absolute;inset-block:0;inset-inline-start:0}.note-progress__laid:after{content:"";top:50%;width:9px;height:9px;opacity:calc(min(var(--read) * 40, 1));background:radial-gradient(circle,#fff 0%,#ffb35c 45%,#ff963c00 72%);border-radius:9999px;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline-end:-3px;translate:0 -50%}.note-progress[data-done] .note-progress__laid:after{opacity:0}.note-drawing{background-color:color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100));background-image:linear-gradient(color-mix(in srgb, var(--accent) 11%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent) 1px, transparent 1px);background-size:22px 22px;display:block;position:absolute;inset:0}.dark .note-drawing{background-color:color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800));background-image:linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px)}.note-drawing__lines{background-color:color-mix(in srgb, var(--text-ink) 82%, transparent);-webkit-mask-image:var(--drawing);-webkit-mask-image:var(--drawing);mask-image:var(--drawing);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:var(--drawing-at);-webkit-mask-position:var(--drawing-at);mask-position:var(--drawing-at);position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.note-body__link{color:var(--text-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-underline-offset:.2em;text-decoration-thickness:1.5px;transition:color .3s cubic-bezier(.22,1,.36,1),text-decoration-color .3s cubic-bezier(.22,1,.36,1)}.note-body__link:hover{color:var(--accent-text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.log-topics{flex-wrap:wrap;gap:.45rem;margin-bottom:3rem;display:flex}.log-topics__chip{background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-ink-2);cursor:pointer;border-radius:9999px;align-items:baseline;gap:.55rem;padding:.5rem .95rem;font-size:.875rem;font-weight:500;transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.log-topics__chip:hover{color:var(--text-ink)}@media (max-width:47.99rem){.log-topics{margin-inline:calc(-1 * max(1.25rem, var(--safe-left)));padding:2px max(1.25rem, var(--safe-left));scrollbar-width:none;flex-wrap:nowrap;margin-bottom:2.25rem;overflow-x:auto}.log-topics::-webkit-scrollbar{display:none}.log-topics__chip{flex:none}}.log-topics__chip[aria-pressed=true]{background:var(--accent);box-shadow:none;color:var(--accent-ink)}.log-topics__count{font-family:var(--font-plex-mono), ui-monospace, monospace;font-size:.7rem;font-weight:500}.social-follow{flex-wrap:wrap;gap:.55rem;display:flex}.social-follow__link{background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-subtle), 0 6px 16px -12px #2b221859;color:var(--text-ink);border-radius:9999px;align-items:center;gap:.7rem;padding:.55rem 1rem .55rem .65rem;transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.social-follow__disc{background:var(--surface-hover);width:2rem;height:2rem;color:var(--text-ink);border-radius:9999px;flex:none;place-items:center;transition:background .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:grid}.social-follow__glyph{width:1rem;height:1rem;transition:filter .35s cubic-bezier(.22,1,.36,1)}.social-follow__text{line-height:1.2;display:grid}.social-follow__label{font-size:.875rem;font-weight:600}.social-follow__handle{color:var(--text-ink-3);font-family:var(--font-plex-mono), ui-monospace, monospace;font-size:.7rem}.social-follow__link:hover .social-follow__disc,.social-follow__link:focus-visible .social-follow__disc{background:var(--network);color:var(--network-ink)}.social-follow__link:hover .social-follow__glyph,.social-follow__link:focus-visible .social-follow__glyph{filter:var(--network-glyph)}.social-follow--compact{flex-wrap:nowrap;gap:.2rem}.social-follow--compact .social-follow__link{box-shadow:none;background:0 0;padding:0}.social-follow--compact .social-follow__disc{background:var(--surface-card);width:1.65rem;height:1.65rem;box-shadow:inset 0 0 0 1px var(--border-subtle)}.social-follow--compact .social-follow__glyph{width:.9rem;height:.9rem}.social-follow--compact .social-follow__link:hover .social-follow__disc,.social-follow--compact .social-follow__link:focus-visible .social-follow__disc{box-shadow:none}.note-follow{border-radius:var(--radius-card);background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--border-subtle);margin-top:2.5rem;padding:1.5rem 1.5rem 1.6rem}.note-follow__title{color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.note-follow__line{color:var(--text-ink-2);margin:.45rem 0 1.1rem}.journal-follow{align-items:center;gap:2rem;display:grid}@media (min-width:64rem){.journal-follow{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4rem}}.note-plate{background-color:color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100));background-image:linear-gradient(color-mix(in srgb, var(--accent) 11%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent) 1px, transparent 1px);box-shadow:inset 0 0 0 clamp(5px, 2.4cqw, 16px) color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100)), inset 0 0 0 calc(clamp(5px, 2.4cqw, 16px) + 1px) color-mix(in srgb, var(--text-ink) 30%, transparent);background-size:22px 22px;place-content:center;justify-items:center;display:grid;position:absolute;inset:0;container-type:size}.dark .note-plate{background-color:color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800));box-shadow:inset 0 0 0 clamp(5px, 2.4cqw, 16px) color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800)), inset 0 0 0 calc(clamp(5px, 2.4cqw, 16px) + 1px) color-mix(in srgb, var(--text-ink) 24%, transparent)}.note-plate__mark{width:clamp(.9rem,7cqw,3.2rem);height:auto}.note-plate__number{color:var(--accent-text);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.04em;margin-top:2cqh;font-size:clamp(1.4rem,20cqw,9rem);font-weight:600;line-height:1}.note-plate__topic{color:var(--text-ink-2);font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;margin-top:3cqh;font-size:clamp(.45rem,2.4cqw,.9rem);font-weight:600}[dir=rtl] .log-empty{background:linear-gradient(270deg, transparent 3rem, color-mix(in srgb, var(--accent) 45%, transparent) 3rem, color-mix(in srgb, var(--accent) 45%, transparent) calc(3rem + 1px), transparent calc(3rem + 1px)), repeating-linear-gradient(180deg, transparent 0 1.85rem, var(--rule) 1.85rem calc(1.85rem + 1px)), color-mix(in srgb, var(--surface-card) 88%, var(--color-gold-100))}.dark[dir=rtl] .log-empty{background:linear-gradient(270deg, transparent 3rem, color-mix(in srgb, var(--accent) 40%, transparent) 3rem, color-mix(in srgb, var(--accent) 40%, transparent) calc(3rem + 1px), transparent calc(3rem + 1px)), repeating-linear-gradient(180deg, transparent 0 1.85rem, var(--rule) 1.85rem calc(1.85rem + 1px)), color-mix(in srgb, var(--surface-card) 90%, var(--color-gold-800))}[dir=rtl] .log-row__picture{rotate:-1.2deg}[dir=rtl] .log-row__arrow{scale:-1 1}[dir=rtl] .log-row:hover .log-row__arrow{translate:-2px -2px}.log-feature__title:lang(ar){line-height:1.35}.log-row__title:lang(ar),.note-body__section:lang(ar){line-height:1.45}.log-empty__title:lang(ar){line-height:1.4}.note-head__title:lang(ar){line-height:1.3}.note-body__quote:lang(ar){line-height:1.6}