.post-page{box-sizing:border-box;padding-left:max(16px,min(5vw,80px));padding-right:max(16px,min(5vw,80px));max-width:1280px;color:var(--tx2);flex-direction:column;gap:22px;margin-left:auto;margin-right:auto;padding-top:max(24px,min(18.36px + 1.503vw,40px));font-size:20px;line-height:1.75;display:flex}.post-page>*{box-sizing:border-box;width:100%;max-width:720px;margin-left:auto;margin-right:auto}.post-page>.prose{display:contents}.post-page>.prose>*{order:3}.post-page>.prose>p:first-child{order:1}.post-page>.post-cover{order:2}.post-page>.post-foot,.post-page>.post-nav,.post-page>.guestbook-card-post{order:4}.post-page .post-head{flex-direction:column;gap:22px;display:flex}.post-page a.post-back{align-self:flex-start;align-items:center;gap:8px;min-height:44px;font-size:20px;line-height:1.2;display:inline-flex}.post-page .post-meta{color:var(--tx3);flex-wrap:wrap;gap:8px 14px;margin:0;font-size:14px;line-height:1.5;display:flex}@font-face{font-family:Coiny Chip;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/coiny/coiny-latin-400-normal-v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:75%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Coiny Chip;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/coiny/coiny-vietnamese-400-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB;ascent-override:75%;descent-override:25%;line-gap-override:0%}.post-page .post-title{font-family:"Coiny Chip", var(--font-fun);color:var(--tx);text-wrap:balance;align-self:flex-start;margin:0;font-size:max(2rem,min(1.3rem + 2.2vw,3.2rem));line-height:1.45;transform:rotate(-.6deg)}.post-page .post-title-text{background:var(--hl);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:6px 16px;box-shadow:0 1px 4px #00000014}.post-page .mood-box{background:repeating-linear-gradient(180deg, var(--orchid) 0 26px, var(--ui2) 26px 27px);color:var(--tx);border-radius:15px 65px 40px 75px/5px;flex-wrap:wrap;gap:4px 28px;margin:0;padding:14px 20px;display:flex;box-shadow:1px 2px 4px #00000014}.post-page .mood-line{font-size:20px;line-height:1.6}.post-page>.post-cover{background:var(--card);max-width:980px;box-shadow:var(--shadow);margin-top:max(18px,min(12.36px + 1.503vw,34px));margin-bottom:max(18px,min(12.36px + 1.503vw,34px));padding:max(10px,min(8.588px + .376vw,14px)) max(10px,min(8.588px + .376vw,14px)) max(14px,min(12.588px + .376vw,18px));position:relative;transform:rotate(-.8deg)}.post-page .post-cover-link{cursor:zoom-in;display:block}.post-page .post-cover-img{aspect-ratio:3/2;object-fit:cover;background-color:var(--pink);width:100%}.post-page .post-cover-caption{color:var(--tx);text-align:center;padding-top:12px;font-size:max(19px,min(18.285px + .189vw,21px));line-height:1.4}.post-page .post-foot{flex-direction:column;gap:22px;display:flex}.post-page .post-tags{flex-wrap:wrap;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.post-page .author-box{border-top:1px dashed var(--ui2);align-items:center;gap:18px;margin-top:20px;padding-top:28px;display:flex}.post-page .author-avatar{box-sizing:border-box;border:var(--ink);background:var(--pink);flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.post-page .author-avatar-loo .author-avatar-img{width:150px;max-width:none;height:auto;position:absolute;top:-18px;left:-30px}.post-page .author-avatar-boo .author-avatar-img{width:138px;max-width:none;height:auto;position:absolute;top:-20px;left:-60px}.post-page .author-text{flex-direction:column;display:flex}.post-page .author-name{color:var(--tx);font-size:22px;line-height:1.4}.post-page .author-bio{color:var(--tx3);font-size:15px;line-height:1.5}.post-page>.post-nav{margin-top:40px}.post-page>.guestbook-card-post{background:var(--card);box-shadow:var(--shadow);margin-top:50px;padding:max(32px,min(30.588px + .376vw,36px)) max(20px,min(15.763px + 1.128vw,32px)) max(24px,min(22.588px + .376vw,28px));position:relative;transform:rotate(.6deg)}.post-page .guestbook-card-post .guestbook-card-title{color:var(--tx);margin:0 0 18px;font-size:28px;line-height:1.3}.post-page .guestbook,.post-page .guestbook-form{flex-direction:column;display:flex}.post-page .guestbook{color:var(--tx)}.post-page .guestbook-field{box-sizing:border-box;border:var(--ink);border-radius:var(--r-wobble);background:var(--card);width:100%;color:var(--tx);padding:10px 16px;font-size:1.3rem;line-height:1.5}.post-page .guestbook-field:focus{border-color:var(--accent);box-shadow:var(--offset-sm);outline:none}.post-page .guestbook-field::placeholder{color:var(--tx3)}.post-page .guestbook-avatars{border:0;margin:16px 0 0;padding:0}.post-page .guestbook-avatars legend{margin-bottom:8px;padding:0;font-size:1.15rem}.post-page .guestbook-avatar{cursor:pointer;margin:0 8px 8px 0;display:inline-block}.post-page .guestbook-avatar svg{border-radius:var(--r-round);display:block}.post-page .guestbook-avatar input:checked+svg{box-shadow:0 0 0 3px var(--accent)}.post-page .guestbook-avatar input:focus+svg{outline:2px dashed var(--tx);outline-offset:4px}.post-page .guestbook-text{resize:vertical;background-image:radial-gradient(#0000000d 1px,#0000 1.5px);background-size:14px 14px;min-height:6em;margin:16px 0 24px}.post-page .guestbook-send{border:var(--ink);border-radius:var(--r-pill);background:var(--accent);min-height:48px;color:var(--on-accent);box-shadow:var(--offset-sm);cursor:pointer;align-self:flex-end;padding:0 26px;font-size:21px;line-height:1;transform:rotate(-1.5deg)}.post-page .guestbook-form>p,.post-page .guestbook>p{margin:12px 0 0;font-size:.95rem}.post-page .guestbook-form>p:empty{margin:0}.post-page .prose{color:var(--tx2)}.post-page .prose>*{box-sizing:border-box;width:100%;max-width:720px;margin-left:auto;margin-right:auto}.post-page .prose p{text-wrap:pretty;margin-top:0;margin-bottom:0}.post-page .prose>p:first-child{font-family:var(--font-serif);color:var(--tx);margin-top:8px;font-size:max(1.25rem,min(1.1rem + .6vw,1.4375rem));font-style:italic;line-height:1.6}.post-page .prose h2{font-family:var(--font-fun);font-synthesis:none;letter-spacing:0;color:var(--tx);text-shadow:.05em .05em 0 var(--pink);text-wrap:balance;margin-top:12px;margin-bottom:0;font-size:max(1.625rem,min(1.15rem + 1.6vw,2.5rem));font-weight:400;line-height:1.2}.post-page .prose h3{font-family:var(--font-hand);letter-spacing:.01em;color:var(--tx);margin-top:8px;margin-bottom:0;font-size:26px;font-weight:400;line-height:1.3}.post-page .prose strong{color:var(--tx);font-weight:600}.post-page .prose a:not(.popup){text-underline-offset:3px;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:1px}.post-page .prose a.popup{cursor:zoom-in}.post-page .prose .photo-frame a.popup{display:block}.post-page .prose p>a.popup{vertical-align:middle;display:inline-block}.post-page .prose p>a.popup>.photo{border-radius:var(--r-sm);width:auto;height:3em;display:inline-block}.post-page .prose ul,.post-page .prose ol{margin-top:0;margin-bottom:0;padding-left:1.4em}.post-page .prose li+li{margin-top:6px}.post-page .prose li::marker{color:var(--accent)}.post-page .prose li>ul,.post-page .prose li>ol{margin-top:6px}.post-page .prose code{font-family:var(--font-mono);background:var(--ui);border-radius:var(--r-xs);padding:1px 5px;font-size:.85em}.post-page .prose hr{background-color:var(--tx3);border:0;height:20px;margin-top:6px;margin-bottom:6px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'%3E%3Cdefs%3E%3Cg id='p'%3E%3Cellipse cx='12' cy='16' rx='5.2' ry='4.4'/%3E%3Cellipse cx='5.2' cy='9.8' rx='2.1' ry='2.7'/%3E%3Cellipse cx='9.4' cy='5.6' rx='2.1' ry='2.8'/%3E%3Cellipse cx='14.6' cy='5.6' rx='2.1' ry='2.8'/%3E%3Cellipse cx='18.8' cy='9.8' rx='2.1' ry='2.7'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23p' transform='translate(0 4) rotate(80 8 8) scale(.6667)'/%3E%3Cuse href='%23p' transform='translate(32 0) rotate(100 8 8) scale(.6667)'/%3E%3Cuse href='%23p' transform='translate(64 4) rotate(80 8 8) scale(.6667)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'%3E%3Cdefs%3E%3Cg id='p'%3E%3Cellipse cx='12' cy='16' rx='5.2' ry='4.4'/%3E%3Cellipse cx='5.2' cy='9.8' rx='2.1' ry='2.7'/%3E%3Cellipse cx='9.4' cy='5.6' rx='2.1' ry='2.8'/%3E%3Cellipse cx='14.6' cy='5.6' rx='2.1' ry='2.8'/%3E%3Cellipse cx='18.8' cy='9.8' rx='2.1' ry='2.7'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23p' transform='translate(0 4) rotate(80 8 8) scale(.6667)'/%3E%3Cuse href='%23p' transform='translate(32 0) rotate(100 8 8) scale(.6667)'/%3E%3Cuse href='%23p' transform='translate(64 4) rotate(80 8 8) scale(.6667)'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:80px 20px;mask-size:80px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.post-page .prose .table-wrapper{overflow-x:auto}.post-page .prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.post-page .prose th,.post-page .prose td{border-bottom:1px dashed var(--ui2);text-align:left;vertical-align:top;padding:8px 10px}.post-page .prose th{color:var(--tx);font-weight:600}.post-page .prose blockquote{margin-top:28px;margin-bottom:28px;padding:8px 0 8px 52px;position:relative}.post-page .prose blockquote:before{content:"“";content:"“"/"";font-family:var(--font-serif);color:var(--accent);font-size:96px;font-style:italic;line-height:1;position:absolute;top:-18px;left:0}.post-page .prose blockquote p{font-family:var(--font-serif);color:var(--tx);font-size:max(24px,min(21.882px + .564vw,30px));font-style:italic;line-height:1.35}.post-page .prose blockquote p+p{margin-top:12px}.post-page .prose blockquote .quote-by{font-family:var(--font-hand);letter-spacing:.01em;color:var(--tx3);margin-top:10px;font-size:20px;font-style:normal;line-height:1.4}.post-page .prose>.photo-frame{background:var(--card);max-width:980px;box-shadow:var(--shadow);margin-top:34px;margin-bottom:34px;padding:12px 12px 14px;position:relative;transform:rotate(-.8deg)}.post-page .prose>.photo-frame:nth-of-type(2n){transform:rotate(.8deg)}.post-page .prose .photo-frame:before{content:"";z-index:2;background:var(--tape-c);width:110px;height:30px;box-shadow:var(--shadow-tape);pointer-events:none;position:absolute;top:-15px;left:calc(50% - 55px);transform:rotate(-3deg)}.post-page .prose .photo-frame .photo{width:100%;height:auto}.post-page .prose>.photo-frame .photo{object-fit:cover;object-position:50% 35%;max-height:85vh}.post-page .prose .photo-frame figcaption{font-family:var(--font-hand);letter-spacing:.01em;color:var(--tx);text-align:center;padding-top:12px;font-size:max(19px,min(18.285px + .189vw,21px));line-height:1.4}.post-page .prose>.photo-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:36px;max-width:820px;margin-top:34px;margin-bottom:34px;display:grid}.post-page .prose>.photo-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px;max-width:980px;margin-top:34px;margin-bottom:34px;display:grid}.post-page .prose .photo-pair>.photo-frame,.post-page .prose .photo-row>.photo-frame{background:var(--card);box-shadow:var(--shadow);margin:0;padding:12px 12px 14px;position:relative}.post-page .prose .photo-pair>.photo-frame:before,.post-page .prose .photo-row>.photo-frame:before{width:90px;height:26px;top:-13px;left:calc(50% - 45px);transform:rotate(-4deg)}.post-page .prose .photo-pair .photo,.post-page .prose .photo-row .photo{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;background-color:var(--mint)}.post-page .prose .photo-pair figcaption,.post-page .prose .photo-row figcaption{padding-top:10px;font-size:19px}.post-page .prose .photo-pair>.photo-frame:nth-child(odd){transform:rotate(-2.5deg)}.post-page .prose .photo-pair>.photo-frame:nth-child(2n){margin-top:32px;transform:rotate(2deg)}.post-page .prose .photo-pair>.photo-frame:nth-child(2n):before{background:var(--tape-a);transform:rotate(3deg)}.post-page .prose .photo-pair>.photo-frame:nth-child(2n) .photo{background-color:var(--lilac)}.post-page .prose .photo-row>.photo-frame:nth-child(3n+1){transform:rotate(-2deg)}.post-page .prose .photo-row>.photo-frame:nth-child(3n+2){transform:rotate(1.5deg)}.post-page .prose .photo-row>.photo-frame:nth-child(3n+2):before{background:var(--tape-a);transform:rotate(3deg)}.post-page .prose .photo-row>.photo-frame:nth-child(3n+2) .photo{background-color:var(--lilac)}.post-page .prose .photo-row>.photo-frame:nth-child(3n){transform:rotate(-1deg)}.post-page .prose .photo-row>.photo-frame:nth-child(3n):before{background:var(--tape-b)}.post-page .prose .photo-row>.photo-frame:nth-child(3n) .photo{background-color:var(--sky)}.post-page .prose>.lite-video{margin-top:12px;margin-bottom:12px;overflow:visible}.post-page .prose>.lite-video:after{content:"";z-index:2;background:var(--tape-c);width:110px;height:30px;box-shadow:var(--shadow-tape);pointer-events:none;position:absolute;top:-10px;right:-26px;transform:rotate(24deg)}.post-page .prose .lite-video-poster,.post-page .prose .lite-video-frame{border-radius:var(--r-md);overflow:hidden}.post-page .prose .lite-video .play-disc{width:72px!important;height:72px!important;box-shadow:0 0 0 8px #ffffff2e!important}.post-page .prose .lite-video .play-disc .icon{width:24px;height:24px}.post-page .prose .lite-video-title{padding:2px 12px;font-size:22px!important}.post-page .prose .lite-video-center{gap:max(10px,min(8.588px + .376vw,14px))}.post-page .prose .callout{--callout:var(--tip);--callout-bg:var(--tip-bg);--callout-ink:var(--callout);border:1.5px solid var(--callout);border-radius:var(--r-wobble);background:var(--callout-bg);color:var(--tx);margin-top:12px;margin-bottom:12px;padding:18px 22px}.post-page .prose .callout-note{--callout:var(--tx2);--callout-bg:var(--ui)}.post-page .prose .callout-love{--callout:var(--accent);--callout-bg:var(--pink);--callout-ink:var(--tx)}.post-page .prose .callout-warning{--callout:var(--accent);--callout-bg:var(--hl);--callout-ink:var(--tx)}.post-page .prose .callout p{font-size:17px;line-height:1.65}.post-page .prose .callout p+p{margin-top:8px}.post-page .prose .callout .callout-title{color:var(--callout-ink);align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.post-page .prose .callout-tip .callout-title:before,.post-page .prose .callout-love .callout-title:before{content:"";background-color:var(--callout);flex-shrink:0;width:16px;height:16px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E");-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.post-page .prose .callout-love .callout-title:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")}.post-page .prose .callout-love a:not(.popup){color:var(--tx);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (max-width:760.98px){.post-page .prose blockquote{padding-left:40px}.post-page .prose blockquote:before{font-size:80px;top:-14px}.post-page .prose>.photo-frame,.post-page .prose>.photo-pair,.post-page .prose>.photo-row{margin-top:18px;margin-bottom:18px}.post-page .prose>.photo-pair,.post-page .prose>.photo-row{padding-left:6px;padding-right:6px}}@media (max-width:560px){.post-page .prose .lite-video .play-disc{width:60px!important;height:60px!important}.post-page .prose .lite-video .play-disc .icon{width:20px;height:20px}.post-page .prose .lite-video-title{font-size:1.15rem!important}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.post-page .prose .photo-pair>.photo-frame,.post-page .prose .photo-row>.photo-frame{transition:transform var(--dur-3) var(--ease-out)}.post-page .prose .photo-pair>.photo-frame:hover,.post-page .prose .photo-row>.photo-frame:hover{z-index:8;transform:rotate(0)translateY(-4px)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.post-page .prose .lite-video:not(.is-playing) .lite-video-img{animation:linear both lt-zoom-out;animation-timeline:view();animation-range:cover}}}