.note-prose{font-family:var(--font-body);font-size:18px;line-height:1.72;color:var(--color-ink-2)}.note-audio{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-paper-tint);padding:1.1rem;box-shadow:0 18px 44px -34px #15201a6b}.note-audio__controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.9rem}.note-audio__button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;background:var(--color-paper);color:var(--color-ink-1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.note-audio__button:hover{border-color:var(--color-moss-line);color:var(--color-moss-deep)}.note-audio__button:active{transform:translateY(1px)}.note-audio__button:focus-visible,.note-audio__range:focus-visible{outline:2px solid var(--color-moss);outline-offset:3px}.note-audio__button--play{border-color:var(--color-moss);background:var(--color-moss);color:var(--color-paper)}.note-audio__button--play:hover{border-color:var(--color-moss-deep);background:var(--color-moss-deep);color:var(--color-paper)}.note-audio__icon--pause,.note-audio__icon--muted,.note-audio[data-audio-state=playing] .note-audio__icon--play,.note-audio[data-audio-muted=true] .note-audio__icon--volume{display:none}.note-audio[data-audio-state=playing] .note-audio__icon--pause,.note-audio[data-audio-muted=true] .note-audio__icon--muted{display:block}.note-audio__timeline{min-width:0}.note-audio__range{--audio-progress: 0%;display:block;width:100%;height:18px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.note-audio__range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-moss) 0 var(--audio-progress),var(--color-border) var(--audio-progress) 100%)}.note-audio__range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-moss) 0 var(--audio-progress),var(--color-border) var(--audio-progress) 100%)}.note-audio__range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;-webkit-appearance:none;border:2px solid var(--color-paper-tint);border-radius:999px;background:var(--color-forest);box-shadow:0 5px 12px #15201a3d}.note-audio__range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--color-paper-tint);border-radius:999px;background:var(--color-forest);box-shadow:0 5px 12px #15201a3d}.note-audio__time{display:flex;justify-content:space-between;gap:1rem;margin-top:.3rem;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-ink-3);letter-spacing:.08em}@media(max-width:520px){.note-audio{padding:1rem}.note-audio__controls{grid-template-columns:40px minmax(0,1fr) 40px;gap:.7rem}.note-audio__button{width:40px;height:40px}}.note-prose>:first-child{margin-top:0}.note-prose p{margin-top:2rem}.note-prose img{display:block;width:100%;height:auto;margin-top:2.6em;border-radius:var(--radius-lg)}.note-prose h2{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,3vw,31px);line-height:1.18;letter-spacing:-.018em;color:var(--color-ink-1);margin-top:2.4em}.note-prose h3{font-family:var(--font-display);font-weight:500;font-size:clamp(20px,2.2vw,23px);line-height:1.25;letter-spacing:-.012em;color:var(--color-ink-1);margin-top:2em}.note-prose :is(h2,h3)+*{margin-top:.7em}.note-prose strong{font-weight:600;color:var(--color-ink-1)}.note-prose em{font-style:italic}.note-prose a{color:var(--color-moss);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s var(--ease-out)}.note-prose a:hover{color:var(--color-moss-deep)}.note-prose ul,.note-prose ol{margin-top:2rem;padding-left:1.4em}.note-prose ul{list-style-type:disc}.note-prose ol{list-style-type:decimal}.note-prose li{margin-top:.5em;padding-left:.3em}.note-prose ul li::marker{color:var(--color-moss)}.note-prose ol li::marker{color:var(--color-ink-3);font-family:var(--font-mono);font-size:.85em}.note-prose blockquote{margin-top:1.8em;padding:.2em 0 .2em 1.3em;border-left:2px solid var(--color-moss);color:var(--color-ink-1);font-style:italic}.note-prose blockquote p{margin-top:.6em}.note-prose hr{margin-top:2.6em;border:0;border-top:1px solid var(--color-border)}.note-prose hr~p{font-size:16px;color:var(--color-ink-3)}