.narrative{max-width:100%;margin-block:3rem;position:relative}.narrative-block{margin-block:var(--space-7);width:100%;position:relative}.narrative-text{line-height:1.8}.serif{font-family:var(--font-serif);font-style:italic}.mono{font-family:var(--font-mono)}.muted{color:var(--text-soft)}.bubble{border:1px solid var(--line);background:var(--surface);border-radius:24px;max-width:min(100%,42rem);padding:1rem 1.4rem;display:inline-block}.paper{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1.5rem;position:relative;overflow:hidden}.paper:before{content:"";opacity:.03;pointer-events:none;background-image:radial-gradient(circle,#000 .4px,#0000 .5px);background-size:18px 18px;position:absolute;inset:0}.quote{border-left:2px solid var(--surface);padding-left:1.5rem}.speaker{color:var(--text-soft);margin-bottom:.75rem;font-size:.85rem}.date{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.aside{color:var(--text-soft);border-left:1px dashed var(--line);padding-left:1rem;font-size:.95rem;font-style:italic}.divider{border:none;margin:2rem 0}.line{border-top:1px solid var(--line)}.dots{background:repeating-linear-gradient(90deg, transparent, transparent 4px, var(--line) 4px, var(--line) 6px);height:1px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.8rem;font-weight:600}.small{font-size:.7rem}.meta{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.marker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:inline-block}.checkbox{border:1px solid var(--line);place-items:center;width:18px;height:18px;font-size:.8rem;display:grid}.fade{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--delay);transform:translateY(.5rem)}.fade.visible{opacity:1;transform:none}.word{opacity:0;filter:blur(4px);animation:wordReveal .7s var(--ease) forwards;animation-delay:var(--delay);transform:translateY(6px)}@keyframes wordReveal{to{opacity:1;filter:none;transform:none}}.conversation{gap:var(--space-4);display:grid}.message{flex-direction:column;max-width:42rem;display:flex}.message.right{text-align:right;margin-inline-start:auto}.message.right .bubble{margin-inline-start:auto}.conversation-pause{color:var(--text-muted);text-align:center;letter-spacing:.3em}.memory-header{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem}.memory-caption{color:var(--text-soft);margin-bottom:1rem;font-style:italic}.memory-photo{border-radius:4px;width:100%;margin-bottom:1rem;display:block}.annotation{position:relative}.margin-note{border-inline-start:1px solid var(--line);color:var(--text-soft);margin-top:.75rem;padding-inline-start:1rem;font-size:.9rem;font-style:italic}.timeline{gap:var(--space-5);border-inline-start:1px solid var(--line);padding-inline-start:1.5rem;display:grid}.timeline-item{position:relative}.timeline-item:before{content:"";aspect-ratio:1;background:var(--accent);border-radius:50%;width:.55rem;position:absolute;top:.45rem;left:-1.8rem}.foreign{gap:.35rem;display:grid}.pronunciation{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.meaning{font-style:italic}.dictionary-pronunciation{color:var(--text-muted);font-family:var(--font-mono);margin-block:.5rem 1rem}.definition-example{border-inline-start:2px solid var(--line);color:var(--text-soft);margin-top:1rem;padding-inline-start:1rem;font-style:italic}.notebook-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem}.notebook-item{align-items:flex-start;gap:.75rem;display:flex}.notebook-item+.notebook-item{margin-top:.75rem}.pause{margin-block:var(--space-6);text-align:center;color:var(--text-muted);letter-spacing:.4em}.pause.moon{letter-spacing:normal;font-size:1.2rem}.emphasis{font-weight:500;position:relative}.emphasis.underline{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.18em}.emphasis.highlight{background:linear-gradient(#0000 60%,#8da7e740 0)}.arrow{color:var(--accent);margin-inline-end:.35rem;display:inline-block}.checkbox.checked{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=640px){.bubble{max-width:100%}.timeline{padding-inline-start:1rem}.timeline-item:before{left:-1.3rem}}