:root{--bg:#fff;--grain:url(/assets/grain-300.png);--card:#fff;--ui:#f3f3f3;--ui2:#dee2e6;--tx:#4f4f4f;--tx2:#6f6f6f;--tx3:#757575;--hl:#ffaacd73;--pink:#fbe3ea;--mint:#e1f1e8;--orchid:#f9dff0;--sky:#e2ecf8;--lilac:#ece5f6;--tape-a:#ec96b073;--tape-b:#8cc8af73;--tape-c:#bea0f073;--tape-d:#96bef059;--spark-a:#ec96b0;--spark-b:#8cc8af;--spark-c:#bea0f0;--spark-d:#96bef0;--line:#7896c838;--margin:#ec789673;--shadow:0 1px 3px #00000014, 0 12px 32px #00000012;--reel:#1c1c1e;--tip:#1f7a31;--tip-bg:#23863612;--accent:#c13a6a;--audio-grad:linear-gradient(90deg, #c13a6a, #b5479c 35%, #7a5cd6 70%, #3f86d4);--on-accent:#fff;--selection:#ec78a038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-text:"Roboto", "Roboto Fallback", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-sans:var(--font-text);--font-serif:"Lora", "Lora Fallback", georgia, serif;--font-hand:"Patrick Hand", "Patrick Hand Fallback", "Comic Sans MS", cursive;--font-fun:"Coiny", ui-rounded, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, menlo, monospace;--r-2xs:3px;--r-xs:4px;--r-sm:6px;--r-sm-2:8px;--r-md:10px;--r-md-2:12px;--r-lg:14px;--r-round:9999px;--r-wobble:255px 15px 225px 15px / 15px 225px 15px 255px;--r-pill:100px 95px / 100px 50px;--ink:2px solid var(--tx);--shadow-tape:0 1px 3px #00000014;--shadow-lift:drop-shadow(0 2px 3px #0000001f);--offset-sm:3px 4px 0 var(--pink);--offset-md:4px 5px 0 var(--pink);--offset-lg:4px 6px 0 var(--pink);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-swap:cubic-bezier(.25, .4, .75, .6);--dur-1:.15s;--dur-1-2:.24s;--dur-2:.25s;--dur-2-2:.3s;--dur-3:.4s;--dur-3-2:.45s;--dur-3-3:.5s;--dur-4:.6s;--dur-4-2:.7s;--dur-4-3:.8s;--dur-5:.9s;scrollbar-gutter:stable}:root[data-mode=dark]{--bg:#303030;--grain:url(/assets/grain-dark-100.png);--card:#1a1a1a;--ui:#2c2d2d;--ui2:#3c3c3c;--tx:#d7d5d3;--tx2:#cecdcd;--tx3:#a0a0a0;--hl:#ff8fb342;--pink:#3a2229;--heart:#8f4866;--mint:#1c2f27;--orchid:#5e3c4c;--sky:#1b2634;--lilac:#29223a;--tape-a:#ec96b03d;--tape-b:#8cc8af38;--tape-c:#bea0f03d;--tape-d:#96bef02e;--line:#a0b4dc24;--margin:#ec78964d;--shadow:0 0 0 1px #8987872e, 0 12px 32px #0000008c;--reel:#141414;--tip:#2bcc2b;--tip-bg:#2bcc2b14;--accent:#ff8fb3;--audio-grad:linear-gradient(90deg, #ff8fb3, #e79be6 35%, #b6a3ff 70%, #8cc4ff);--on-accent:#0d0d0d;--selection:#ec78a038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-mode]){--bg:#303030;--grain:url(/assets/grain-dark-100.png);--card:#1a1a1a;--ui:#2c2d2d;--ui2:#3c3c3c;--tx:#d7d5d3;--tx2:#cecdcd;--tx3:#a0a0a0;--hl:#ff8fb342;--pink:#3a2229;--heart:#8f4866;--mint:#1c2f27;--orchid:#5e3c4c;--sky:#1b2634;--lilac:#29223a;--tape-a:#ec96b03d;--tape-b:#8cc8af38;--tape-c:#bea0f03d;--tape-d:#96bef02e;--line:#a0b4dc24;--margin:#ec78964d;--shadow:0 0 0 1px #8987872e, 0 12px 32px #0000008c;--reel:#141414;--tip:#2bcc2b;--tip-bg:#2bcc2b14;--accent:#ff8fb3;--audio-grad:linear-gradient(90deg, #ff8fb3, #e79be6 35%, #b6a3ff 70%, #8cc4ff);--on-accent:#0d0d0d;--selection:#ec78a038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{background-color:var(--bg);font-size:100%}body{background-color:var(--bg);background-image:var(--grain);color:var(--tx2);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:#0000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);isolation:isolate;background-repeat:repeat;background-size:100px 100px;margin:0;font-size:1.0625rem;line-height:1.65}::selection{background-color:var(--selection)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:.5rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}main:focus{outline:none}img,svg{vertical-align:middle}section[id]{scroll-margin-top:1rem}@keyframes lt-drop-solid{0%{translate:0 -80px;scale:1.08}to{translate:0;scale:1}}@keyframes lt-unfold-solid{0%{translate:0 24px;scale:.86}to{translate:0;scale:1}}@keyframes lt-rise-solid{0%{translate:0 48px}to{translate:0}}@keyframes lt-pop{0%{opacity:0;scale:0}70%{opacity:1;scale:1.15}to{opacity:1;scale:1}}@keyframes lt-fade{0%{opacity:0}to{opacity:1}}@keyframes lt-grow{0%{scale:.8}}@keyframes lt-twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes lt-bob{0%,to{translate:0}50%{translate:0 -6px}}@keyframes lt-marquee{to{translate:-50%}}@keyframes lt-jelly{0%,to{scale:1}30%{scale:1.14 .88}50%{scale:.94 1.07}70%{scale:1.03 .98}}@keyframes lt-jelly-soft{0%,to{scale:1}30%{scale:1.1 .9}50%{scale:.95 1.05}70%{scale:1.02 .98}}@keyframes lt-ribbon{0%{opacity:0;translate:0 -40px}to{opacity:1;translate:0}}@keyframes lt-rise{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0}}@keyframes lt-from-left{0%{opacity:0;translate:-140px;rotate:-8deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes lt-from-right{0%{opacity:0;translate:140px;rotate:8deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes lt-stick{0%{opacity:0;translate:0 -60px;rotate:12deg;scale:1.1}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes lt-draw{0%{stroke-dashoffset:260px}to{stroke-dashoffset:0}}@keyframes lt-road{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes lt-zoom-out{0%{scale:1.2}to{scale:1}}@keyframes lt-stamp{0%{opacity:0;scale:2.6}70%{opacity:.95;scale:.9}to{opacity:.9;scale:1}}@keyframes lt-ride{0%{left:calc(0% - 0px);translate:0 2px;rotate:0deg}10%{left:calc(10% - 2.8px);translate:0 2px;rotate:-6.40213deg}18%{left:calc(18% - 5.04px);translate:0 -4px;rotate:-4.23598deg}26%{left:calc(26% - 7.28px);translate:0 -2px;rotate:9.59133deg}34%{left:calc(34% - 9.52px);translate:0 5px;rotate:6.55732deg}44%{left:calc(44% - 12.32px);translate:0 4px;rotate:-9.29705deg}52%{left:calc(52% - 14.56px);translate:0 -4px;rotate:-4.12138deg}58%{left:calc(58% - 16.24px);translate:0 -1px;rotate:10.71deg}66%{left:calc(66% - 18.48px);translate:0 5px;rotate:2.09431deg}76%{left:calc(76% - 21.28px);translate:0;rotate:-2.14167deg}84%{left:calc(84% - 23.52px);translate:0 2px;rotate:-4.92001deg}90%{left:calc(90% - 25.2px);translate:0 -3px;rotate:-1.93375deg}95%{left:calc(95% - 26.6px);translate:0;rotate:5.15242deg}to{left:calc(100% - 28px);translate:0;rotate:0deg}}@keyframes lt-trip-road{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes lt-dot{0%,16%{scale:1}24%,80%{scale:1.45}88%,to{scale:1}}@keyframes lt-dot-fill{0%,16%{opacity:0}24%,80%{opacity:1}88%,to{opacity:0}}@keyframes lt-dot-label{0%,16%{opacity:0;translate:10px}24%,80%{opacity:1;translate:0}88%,to{opacity:0;translate:10px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}::view-transition-old(root){animation-duration:var(--dur-2-2)}::view-transition-new(root){animation-duration:var(--dur-2-2)}[data-photo-in]{animation:lt-photo-in var(--dur-5) var(--ease-out) backwards}@keyframes lt-photo-in{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}to{opacity:1;filter:brightness()blur()}}}@media screen and (prefers-reduced-motion:no-preference){[data-reveal=wait]{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:no-preference){:where([data-reveal]:not([data-reveal=wait])){animation:lt-fade .35s var(--ease-out) backwards, lt-grow var(--dur-3-2) var(--ease-spring) backwards}[data-reveal="1"]{animation-delay:90ms}[data-reveal="2"]{animation-delay:.18s}[data-reveal="3"]{animation-delay:.27s}[data-reveal="4"]{animation-delay:.36s}[data-reveal="5"]{animation-delay:.45s}[data-reveal="6"]{animation-delay:.54s}[data-reveal="7"]{animation-delay:.63s}[data-reveal="8"]{animation-delay:.72s}[data-reveal="9"]{animation-delay:.81s}.hero-ribbon{animation:lt-ribbon var(--dur-4-2) var(--ease-out) both}.hero-pop{animation:lt-pop var(--dur-4) var(--ease-spring) var(--delay,var(--dur-2)) both}.hero-drop{animation:lt-drop-solid .85s var(--ease-out) calc(.15s * var(--i,1)) both}.hero-unfold{animation:lt-unfold-solid var(--dur-4-3) var(--ease-out) 60ms both}.hero-jelly{animation:lt-jelly var(--dur-5) ease-in-out 1.25s both}.hero-jelly-soft{animation:lt-jelly-soft var(--dur-5) ease-in-out var(--dur-3-3) both}.hero-rise{animation:lt-rise-solid var(--dur-4-3) var(--ease-out) .2s both}.hero-fade{animation:lt-fade var(--dur-4) ease var(--delay,1.6s) both}.deco-twinkle{animation:2.6s ease-in-out infinite lt-twinkle}.deco-bob{animation:3.2s ease-in-out infinite lt-bob}.deco-bounce{animation:1.6s ease-in-out 3 lt-bob}.marquee{animation:40s linear infinite lt-marquee}.marquee.is-paused{animation-play-state:paused}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.marquee:hover{animation-play-state:paused}.lift{transition:transform var(--dur-3) var(--ease-out)}.lift:hover{z-index:8!important;transform:rotate(0)translateY(-4px)!important}.zoom-on-hover img{transition:scale var(--dur-4-2) var(--ease-out)}.zoom-on-hover:hover img{scale:1.06}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){body{timeline-scope:--ch1, --ch2, --ch3, --ch4, --ch5, --ch6, --ch7}#ve-minh{view-timeline-name:--ch1}#hanh-trinh{view-timeline-name:--ch2}#chuyen-di{view-timeline-name:--ch3}#ky-niem{view-timeline-name:--ch4}#nhat-ky{view-timeline-name:--ch5}#luu-but{view-timeline-name:--ch6}#trang-voice{view-timeline-name:--ch7}.chapter-dot[href=\#ve-minh] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch1}.chapter-dot[href=\#ve-minh] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch1}.chapter-dot[href=\#ve-minh] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch1}.chapter-dot[href=\#hanh-trinh] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch2}.chapter-dot[href=\#hanh-trinh] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch2}.chapter-dot[href=\#hanh-trinh] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch2}.chapter-dot[href=\#chuyen-di] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch3}.chapter-dot[href=\#chuyen-di] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch3}.chapter-dot[href=\#chuyen-di] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch3}.chapter-dot[href=\#ky-niem] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch4}.chapter-dot[href=\#ky-niem] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch4}.chapter-dot[href=\#ky-niem] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch4}.chapter-dot[href=\#nhat-ky] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch5}.chapter-dot[href=\#nhat-ky] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch5}.chapter-dot[href=\#nhat-ky] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch5}.chapter-dot[href=\#luu-but] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch6}.chapter-dot[href=\#luu-but] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch6}.chapter-dot[href=\#luu-but] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch6}.chapter-dot[href=\#trang-voice] .chapter-dot-mark{animation:linear both lt-dot;animation-timeline:--ch7}.chapter-dot[href=\#trang-voice] .chapter-dot-fill{animation:linear both lt-dot-fill;animation-timeline:--ch7}.chapter-dot[href=\#trang-voice] .chapter-dot-label{animation:linear both lt-dot-label;animation-timeline:--ch7}.trip-fill{animation:linear both lt-trip-road;animation-timeline:--ch2;animation-range:contain}.trip-rider{animation:linear both lt-ride;animation-timeline:--ch2;animation-range:contain}.reveal-rise,.prose blockquote{animation:linear both lt-rise;animation-timeline:view();animation-range:entry cover 30%}.reveal-left{animation:linear both lt-from-left;animation-timeline:view();animation-range:entry cover 35%}.reveal-right{animation:linear both lt-from-right;animation-timeline:view();animation-range:entry cover 35%}.reveal-stick{animation:linear both lt-stick;animation-timeline:view();animation-range:entry cover 30%}.reveal-pop{animation:linear both lt-pop;animation-timeline:view();animation-range:entry 30% cover 40%}.reveal-stamp{animation:linear both lt-stamp;animation-timeline:view();animation-range:entry 80% cover 55%}.reveal-road{animation:linear both lt-road;animation-timeline:view();animation-range:entry 10% cover 55%}.reveal-draw path{animation:linear both lt-draw;animation-timeline:view();animation-range:entry 20% cover 40%}.reveal-end{animation:linear both lt-rise;animation-timeline:view();animation-range:entry}.reveal-draw path{stroke-dasharray:260}}}.site{overflow-x:clip}a{color:var(--accent)}@media (hover:hover){a:hover{color:var(--tx)}}.hand{font-family:var(--font-hand);font-synthesis:none;letter-spacing:.01em;font-weight:400}.serif{font-family:var(--font-text)}em,i,cite{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.fig{font-family:var(--font-text);font-variant-numeric:tabular-nums}.title{font-family:var(--font-fun);font-synthesis:none;color:var(--tx);text-shadow:.05em .05em 0 var(--pink);letter-spacing:0;text-wrap:balance;margin:0;font-style:normal;font-weight:400;line-height:1.2}.fun{font-family:var(--font-fun);font-synthesis:none;font-weight:400}.wobble{border-radius:var(--r-wobble)}.tape{z-index:2;box-shadow:var(--shadow-tape);pointer-events:none;position:absolute}.tape-a{background:var(--tape-a)}.tape-b{background:var(--tape-b)}.tape-c{background:var(--tape-c)}.tape-d{background:var(--tape-d)}a.pill{border:var(--ink);border-radius:var(--r-pill);background:var(--card);min-height:44px;color:var(--tx);transition:background-color var(--dur-1);align-items:center;padding:0 16px;font-size:21px;line-height:1;text-decoration:none;display:inline-flex}a.pill[aria-current=page]{background:var(--pink);color:var(--tx)}@media (hover:hover){a.pill:hover{background:var(--pink);color:var(--tx)}}a.quiet{color:var(--tx);text-decoration:none}@media (hover:hover){a.quiet:hover{color:var(--accent)}}a.scribble{-webkit-text-decoration:underline wavy var(--accent);text-decoration:underline wavy var(--accent);text-underline-offset:6px;color:var(--tx)}@media (hover:hover){a.scribble:hover{color:var(--accent)}}a.more-link{align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;display:inline-flex}@media (max-width:760px){.hide-sm{display:none!important}}.icon-link{vertical-align:bottom;align-items:center;gap:6px;display:inline-flex}.home-section-tight{box-sizing:border-box;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px));max-width:1280px;margin-left:auto;margin-right:auto;padding-top:max(40px,min(5vw,64px));padding-bottom:max(64px,min(8vw,120px))}.page-width{box-sizing:border-box;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px))}.photo{object-fit:cover;background-color:var(--pink);background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;display:block}.play-disc{border-radius:var(--r-round);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.play-disc-accent{background:var(--accent);color:var(--on-accent)}.play-disc-paper{background:var(--card);color:var(--tx)}.play-disc .icon{margin-left:8%}.lite-video{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--reel);box-shadow:var(--shadow);position:relative;overflow:hidden}@supports not (aspect-ratio:1/1){.lite-video:before{content:"";padding-top:56.25%;display:block}}.lite-video-poster{all:unset;cursor:pointer;color:#f1f1f2;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.lite-video-poster:after{content:"";border-radius:var(--r-md);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.lite-video-poster:focus-visible{outline:none}.lite-video-poster:focus-visible:after{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:inset 0 0 0 5px #fff}@supports not (aspect-ratio:1/1){.lite-video:before{content:"";padding-top:56.25%;display:block}}.lite-video-img,.lite-video-frame{object-fit:cover;border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lite-video-api iframe{border:0;width:100%;height:100%}.lite-video-img{background-color:var(--reel)}.lite-video-shade{background:#00000047;position:absolute;top:0;bottom:0;left:0;right:0}.lite-video-poster[data-play-pending] .lite-video-shade{background:#00000080}.lite-video-center{flex-direction:column;justify-content:center;align-items:center;gap:max(10px,min(7.176px + .752vw,18px));display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.lite-video-title{color:#fff;border-radius:var(--r-sm);text-align:center;background:#00000080;max-width:calc(100% - 32px);padding:2px 14px;line-height:1.4}.lite-video-meta{justify-content:space-between;gap:12px;font-size:max(12px,min(11.638px + .095vw,13px));display:flex;position:absolute;bottom:14px;left:18px;right:18px}.lite-video-meta.is-right{justify-content:flex-end}.lite-video-chip{color:#fff;border-radius:var(--r-xs);background:#00000080;padding:2px 8px}@media (max-width:560px){.lite-video.has-meta .lite-video-center{padding-bottom:28px}.lite-video-meta{bottom:8px;left:10px;right:10px}.lite-video-center .play-disc{width:64px!important;height:64px!important}.site .lite-video-title{font-size:1.15rem!important}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.lite-video-center .play-disc{transition:scale var(--dur-2) var(--ease-spring)}.lite-video-poster:hover .play-disc{scale:1.06}}.note{box-sizing:border-box;background-color:var(--card);background-image:linear-gradient(90deg, transparent 44px, var(--margin) 44px 46px, transparent 46px), repeating-linear-gradient(180deg, transparent 0 31px, var(--line) 31px 32px);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:40px 30px 30px 62px;display:flex;position:relative}.note-greeting{color:var(--tx2);text-align:end;font-size:23px;line-height:32px}.note-name{font-size:max(5rem,min(5vw + 3rem,8rem))}.note-real{font-size:39px;line-height:1;font-family:var(--font-serif);color:var(--tx2);text-align:end;text-wrap:balance;margin-top:-1em;font-style:italic}.note-intro{color:var(--tx);text-wrap:pretty;margin:0;font-size:21px;line-height:32px}.note-sign{color:var(--accent);align-self:flex-end;align-items:center;gap:6px;font-size:24px;line-height:32px;display:inline-flex;transform:rotate(-3deg)}.note-links{flex-wrap:wrap;gap:4px 22px;margin-top:4px;display:flex}a.note-link{align-items:center;min-height:44px;font-size:21px;display:inline-flex}.sticker{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px;display:flex}.sticker-accent{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.sticker-paper{border:var(--ink);background:var(--sticker-bg,var(--orchid));color:var(--tx)}.sticker-title{line-height:1.05}.sticker-sub{font-size:12px;font-weight:700}.sticker-sub-text{text-wrap:balance;font-size:11px;font-weight:400;line-height:1.2}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-heading-main{flex-direction:column;gap:6px;display:flex}.section-eyebrow{color:var(--tx3);font-size:20px}.section-title{font-size:max(2rem,min(1.1rem + 2.8vw,3.5rem))}.squiggle{max-width:100%;display:block;overflow:visible}.section-heading-aside{align-items:center;padding-bottom:6px;display:flex}.section-heading-aside a.more-link{box-sizing:border-box;border:var(--ink);border-radius:var(--r-pill);background:var(--card);min-height:44px;color:var(--tx);font-family:var(--font-hand);cursor:pointer;transition:background-color var(--dur-1), box-shadow var(--dur-2);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:19px;font-weight:400;line-height:1;display:inline-flex}@media (hover:hover){.section-heading-aside a.more-link:not(:disabled):hover{background:var(--pink);color:var(--tx)}}.section-heading-aside a.more-link{box-shadow:var(--offset-sm);font-size:20px;transform:rotate(-1.5deg)}.section-heading-aside a.more-link .icon{color:var(--accent)}@media (hover:hover){.section-heading-aside a.more-link:hover{box-shadow:var(--offset-lg)}}.section-heading-aside>:not(a){background:var(--tape-c);color:var(--tx);font-family:var(--font-hand);box-shadow:var(--shadow-tape);margin:0;padding:4px 14px;font-size:19px;line-height:1.4;position:relative;transform:rotate(1.5deg)}.page-header{box-sizing:border-box;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px));flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1280px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:48px;display:flex}.page-header-main{flex-direction:column;gap:10px;display:flex}.page-header-label{color:var(--tx);background:var(--hl);align-self:flex-start;padding:0 10px;font-size:22px;transform:rotate(-2deg)}.page-header-title{font-size:max(3rem,min(4vw + 1.5rem,6rem))}.page-header-intro{max-width:25em;font-size:21px;font-family:var(--font-serif);color:var(--tx3);margin:0;font-style:italic}.page-header-count{color:var(--tx3);font-size:20px}.pull-cord{--cord-lift:0px;top:calc(0px - var(--cord-lift));z-index:2;width:40px;height:160px;position:absolute;right:max(12px,9vw - 20px)}@media (max-width:999.98px){.pull-cord{--cord-lift:38px}}.pull-cord-inner{width:64px;position:absolute;top:0;bottom:0;left:-12px}.pull-cord-art{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.pull-cord-rope{stroke:var(--tx);stroke-width:1.75px}.pull-cord-knob{filter:var(--shadow-lift)}.pull-cord-bead{fill:var(--sky);stroke:var(--tx);transition:fill var(--dur-2)}.pull-cord-shine{stroke:var(--card)}.pull-cord-moon,.pull-cord-sun{stroke:var(--tx)}.pull-cord-sun{display:none}.pull-cord-hit{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.pull-cord-hit:active{cursor:grabbing}.pull-cord-hit:focus-visible{outline-offset:-6px}@media (hover:hover){.pull-cord:has(.pull-cord-hit:hover) .pull-cord-bead{fill:var(--lilac)}}:root[data-mode=dark] .pull-cord-sun{display:inline}:root[data-mode=dark] .pull-cord-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-mode]) .pull-cord-sun{display:inline}:root:not([data-mode]) .pull-cord-moon{display:none}}.pull-cord-hint{color:var(--tx2);white-space:nowrap;pointer-events:none;transition:opacity var(--dur-3);align-items:flex-end;gap:4px;display:flex;position:absolute;top:116px;right:46px}.pull-cord-hint.is-gone{opacity:0}@media (max-width:399.98px){.pull-cord-hint{display:none}}.pull-cord-hint-arrow{background-color:currentColor;flex:none;width:36px;height:41px;rotate:16deg;-webkit-mask:url(/assets/img/site/pull-cord-arrow.svg) 50%/contain no-repeat;mask:url(/assets/img/site/pull-cord-arrow.svg) 50%/contain no-repeat}.pull-cord-hint-text{text-align:right;margin-bottom:-4px;font-size:19px;line-height:.95}@media (prefers-reduced-motion:no-preference){.pull-cord-dropping{animation:pull-cord-drop var(--dur-4) var(--dur-3) cubic-bezier(.45, 0, .9, .5) both}.pull-cord-hint{animation:pull-cord-hint-in var(--dur-3-3) ease 1.8s backwards}@keyframes pull-cord-drop{0%{opacity:0;translate:0 -220px}20%{opacity:1}to{translate:0}}@keyframes pull-cord-hint-in{0%{opacity:0}}}.site-header{box-sizing:border-box;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px));flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px;max-width:1280px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:10px;display:flex}.heart-stamp{flex-shrink:0;justify-content:center;align-items:center;width:86px;height:80px;display:flex;position:relative;transform:rotate(-8deg)}a.heart-stamp{text-decoration:none}.heart-stamp-art{filter:var(--shadow-lift);position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.heart-stamp-heart{fill:var(--heart,var(--pink));stroke:var(--tx)}.heart-stamp-shine{stroke:var(--card)}.heart-stamp-name{color:var(--tx);margin-top:-8px;font-size:22px;line-height:1;position:relative}.site-nav{background-color:var(--orchid);background-image:repeating-linear-gradient(#0000 0,#0000 12px,#0000000a 12px,#0000000a 13px);flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:14px 22px;display:flex;position:relative;transform:rotate(-1deg);box-shadow:0 1px 4px #0000001a}@media (max-width:480px){.site-nav{padding:12px 14px}.site .site-nav a.pill{padding:0 12px;font-size:19px}}@media (max-width:380px){.site-nav{column-gap:6px;padding:12px 10px}.site .site-nav a.pill{padding:0 9px;font-size:17px}}@supports not (inset:0){@media (min-width:1000px){.site-header>*{margin:8px 10px}.site-nav>a.pill{margin:4px 6px}}}@media (max-width:999.98px){.site-header{grid-template-columns:1fr;display:grid}.site-header>.heart-stamp{justify-self:center}.site-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(6,auto);justify-content:center;justify-items:center;margin-top:8px;display:grid}.site-nav>a.pill{grid-column:span 2}.site-nav>a.pill:nth-of-type(4){grid-column:2/span 2}}@media (min-width:761px) and (max-width:999.98px){.site-nav{grid-template-columns:repeat(5,auto)}.site-nav>a.pill,.site-nav>a.pill:nth-of-type(4){grid-column:auto}}.site-footer{box-sizing:border-box;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px));text-align:center;border-top:1px dashed var(--ui2);flex-direction:column;align-items:center;gap:14px;max-width:1280px;margin-left:auto;margin-right:auto;padding-top:56px;padding-bottom:56px;display:flex}.site-footer.is-home{gap:20px;padding-top:72px}.site-footer.is-spaced{margin-top:88px}.site-footer-thanks{color:var(--tx);font-size:28px;transform:rotate(-2deg)}.site-footer-trail{color:var(--tx3);align-items:flex-start;gap:16px;display:flex}.site-footer-heart,.site-footer-sign{color:var(--accent)}.site-footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 10px;display:flex}.site .site-footer-nav a.pill{font-size:18px}@supports not (inset:0){.site-footer>*+*{margin-top:14px}.site-footer-trail>*+*{margin-left:16px}.site-footer-nav>a.pill{margin:4px 6px}}.site-footer-made{color:var(--tx2);align-items:center;gap:6px;font-size:19px;display:inline-flex}.site-footer-made .icon{color:var(--accent)}.site-footer-sign{vertical-align:-.1em;isolation:isolate;line-height:0;display:inline-block;position:relative}.site-footer-burst{z-index:-1;opacity:0;filter:blur(1px);position:absolute;top:0;bottom:0;left:0;right:0}.site-footer-pulse,.site-footer-sign .icon{display:block}@media (prefers-reduced-motion:no-preference){.site-footer-pulse{animation:2.4s ease-in-out infinite sign-flash}.site-footer-burst{animation:2.4s ease-out infinite sign-burst}@keyframes sign-flash{0%,60%,to{scale:1}75%{scale:1.35}}@keyframes sign-burst{0%,66%{opacity:0;scale:.8}75%{opacity:.55;scale:2}95%,to{opacity:0;scale:3}}}.site-footer-copy{color:var(--tx3);font-size:13px}.paper{border:var(--ink);border-radius:var(--r-wobble);background-image:radial-gradient(#0000000d 1px,#0000 1.5px);background-size:14px 14px;background-color:var(--paper,var(--card));box-shadow:5px 6px 0 var(--paper-shadow,var(--pink));color:var(--tx);position:relative}.paper.is-flip{box-shadow:-5px 6px 0 var(--paper-shadow,var(--pink))}a.paper{color:var(--tx)}@media (prefers-reduced-motion:no-preference){a.paper{transition:translate var(--dur-3) var(--ease-spring)}}@media (prefers-reduced-motion:no-preference) and (hover:hover){a.paper:hover{color:var(--tx);translate:0 -4px}}.prev-next{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.prev-next-card{flex-direction:column;gap:8px;padding:18px 20px 16px;display:flex}.prev-next-card.is-next{text-align:right;align-items:flex-end}.prev-next-head{align-items:center;gap:12px;display:flex}.is-next .prev-next-head{flex-direction:row-reverse}.prev-next-thumb{border:2px solid var(--card);border-radius:var(--r-sm-2);flex-shrink:0;width:48px;height:48px;overflow:hidden;box-shadow:0 1px 3px #00000026}.prev-next-thumb .photo{object-fit:cover;width:100%;height:100%;display:block}.prev-next-title{font-family:var(--font-fun);text-shadow:.05em .05em 0 var(--card);text-wrap:balance;font-size:22px;line-height:1.25}@media (min-width:600px){.prev-next{grid-template-columns:repeat(2,minmax(0,1fr))}.prev-next-card.is-previous{grid-column:1}.prev-next-card.is-next{grid-column:2}}.audio-btn{border-radius:var(--r-round);font:inherit;cursor:pointer;transition:background-color var(--dur-1), box-shadow var(--dur-2);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.audio-btn-accent{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 6px var(--selection)}.audio-btn-paper{border:var(--ink);background:var(--card);color:var(--tx)}.audio-btn-paper.is-playing{background:var(--pink)}.audio-btn:not(.is-playing) .icon{margin-left:2px}@media (prefers-reduced-motion:no-preference){.audio-btn{transition:background-color var(--dur-1), box-shadow var(--dur-2), scale var(--dur-2) var(--ease-spring)}.audio-btn:active{scale:.94}.audio-btn-accent.is-waiting{animation:1.1s ease-in-out infinite lt-audio-wait}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.audio-btn:hover{scale:1.06}}@keyframes lt-audio-wait{50%{scale:.92}}.waveform{border-radius:var(--r-sm);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1;justify-content:space-between;align-items:center;gap:2px;min-width:0;height:48px;display:flex}.waveform-bar{background:var(--tx);opacity:.22;min-width:1px;transition:opacity var(--dur-1), background-color var(--dur-1);border-radius:2px;flex:0 2px}.waveform-bar.is-lit{background:var(--audio-grad);background-size:calc(var(--n) * 300%) 100%;background-position:calc(var(--i) / (var(--n) - 1) * 100%) 0;opacity:1}@media (hover:hover){.waveform:hover .waveform-bar:not(.is-lit){opacity:.32}}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;scale:1 .55}.eq i:nth-child(2){scale:1 .9}@media (prefers-reduced-motion:no-preference){.eq i{animation:.8s ease-in-out infinite alternate lt-eq}.eq i:nth-child(2){animation-delay:-.35s}.eq i:nth-child(3){animation-delay:-.6s}}@keyframes lt-eq{0%{scale:1 .25}to{scale:1}}.voice-dot{border-radius:var(--r-round);background:var(--accent);flex-shrink:0;width:8px;height:8px;display:inline-block}@media (prefers-reduced-motion:no-preference){.is-spinning .voice-dot{animation:1.4s ease-in-out infinite lt-onair}}@keyframes lt-onair{50%{scale:.6}}.voice-vinyl{border-radius:var(--r-round);background:conic-gradient(from 30deg, transparent 0 40deg, #ffffff1a 60deg, transparent 80deg 220deg, #ffffff12 240deg, transparent 260deg), repeating-radial-gradient(circle, #1c1c1e 0 2px, #29292c 2px 3px);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 10px 24px #00000047}.voice-label{border-radius:var(--r-round);object-fit:cover;width:54%;height:54%;box-shadow:0 0 0 4px #ffffffd9}.voice-arm{border-radius:var(--r-2xs);background:var(--tx);transform-origin:50% 6px;width:6px;height:58%;position:absolute;top:-8px;right:-10px;rotate:8deg}.voice-arm:before{content:"";border-radius:var(--r-round);background:var(--tx);width:16px;height:16px;position:absolute;top:-4px;left:-5px}.voice-arm:after{content:"";border-radius:var(--r-2xs);background:var(--accent);width:12px;height:16px;position:absolute;bottom:-6px;left:-3px}.is-spinning .voice-arm{rotate:24deg}@media (prefers-reduced-motion:no-preference){.voice-vinyl{animation:4.8s linear infinite paused lt-spin}.is-spinning .voice-vinyl{animation-play-state:running}.voice-arm{transition:rotate var(--dur-4) var(--ease-out)}}@keyframes lt-spin{to{rotate:360deg}}.read-time{border-radius:var(--r-xs);display:inline-block;position:relative}.read-time[tabindex]{cursor:help}.read-time-tip{z-index:5;border-radius:var(--r-sm-2);background:var(--tx);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}.read-time-tip:after{content:"";border:5px solid #0000;border-top-color:var(--tx);margin-left:-5px;position:absolute;top:100%;left:50%}@media (hover:hover){.read-time:hover .read-time-tip,a:hover .read-time .read-time-tip{opacity:1;translate:-50%}}.read-time:focus-visible .read-time-tip{opacity:1;translate:-50%}@media (prefers-reduced-motion:no-preference){.read-time-tip{transition:opacity var(--dur-1) ease, translate var(--dur-1) ease}}.roll-number{font-variant-numeric:tabular-nums;display:inline-flex;position:relative}.roll-place,.roll-ghost{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.roll-ghost{pointer-events:none;position:absolute;top:0}.filter-chips{flex-wrap:wrap;gap:12px;margin:24px 0 44px;display:flex}@supports not (inset:0){.filter-chips{margin-bottom:32px}.filter-chips>.chip{margin:0 12px 12px 0}}.chip{border:var(--ink);background:var(--card);min-height:44px;color:var(--tx);font:inherit;font-family:var(--font-hand);font-synthesis:none;letter-spacing:.01em;cursor:pointer;transition:background-color var(--dur-1);align-items:center;padding:0 18px;font-size:20px;display:inline-flex}a.chip{color:var(--tx);text-decoration:none}.chip[aria-pressed=true]{background:var(--tx);color:var(--bg)}@media (hover:hover){.chip[aria-pressed=false]:hover,a.chip:hover{background:var(--pink);color:var(--tx)}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;grid-auto-flow:dense;gap:16px;margin:0;padding:0;list-style:none;display:grid}.bento-cell{min-width:0;display:flex;position:relative}.bento-cell.is-big{grid-area:span 2/span 2}.bento-cell.is-wide{grid-column:span 2}.bento-tile{border-radius:var(--r-md);flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bento-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bento-play{position:relative}.bento-tag{border:var(--ink);background:var(--card);color:var(--tx);padding:1px 12px 2px;font-size:17px;line-height:1.4;position:absolute;top:12px;right:12px}.bento-label{box-sizing:border-box;background:var(--card);flex-direction:column;max-width:calc(100% - 24px);padding:4px 10px;display:flex;position:absolute;bottom:12px;left:12px}.bento-label-text{color:var(--tx);font-size:18px;line-height:1.2}.bento-date{color:var(--tx3);font-size:12px;line-height:1.5}.bento-tile.is-big .bento-tag{top:16px;right:16px}.bento-tile.is-big .bento-label{max-width:calc(100% - 32px);box-shadow:var(--shadow);padding:max(4px,min(2.588px + .376vw,8px)) max(10px,min(8.588px + .376vw,14px));bottom:16px;left:16px}.bento-tile.is-big .bento-label-text{font-size:max(18px,min(16.932px + .283vw,21px))}@media (max-width:760.98px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.bento-cell.is-wide{grid-column:auto}.bento-tile.is-big .bento-tag{top:12px;right:12px}.bento-tile.is-big .bento-label{max-width:calc(100% - 24px);bottom:12px;left:12px}}.bento-shuffle{border:2px dashed var(--ui2);border-radius:var(--r-md);background:var(--card);color:var(--tx);font:inherit;text-align:center;cursor:pointer;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.bento-shuffle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.bento-shuffle-icon{background:var(--lilac);width:58px;height:58px;color:var(--tx);place-items:center;display:grid}.bento-shuffle-title{font-size:max(21px,min(19.932px + .283vw,24px));line-height:1.2}.bento-shuffle-sub{color:var(--tx2);font-size:14px;line-height:1.4}.bento-topics{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:28px;display:flex}.bento-topics-label{color:var(--tx);font-size:20px}.bento-topic{gap:8px}.bento-topic-count{border-radius:var(--r-round);background:var(--topic,var(--pink));padding:1px 8px;font-size:12px}@media (prefers-reduced-motion:no-preference){.bento-shuffle-icon{transition:rotate var(--dur-3-3) var(--ease-out)}.bento-shuffle-icon.is-turned{rotate:180deg}}@media (hover:hover){.bento-shuffle:hover{border-color:var(--accent)}.bento-shuffle:hover .bento-shuffle-title{color:var(--accent)}a.bento-topic:hover .bento-topic-count{background:var(--card)}}.contact-list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.contact-list .icon-link{overflow-wrap:anywhere;min-height:44px}
