:root{--color-paper: oklch(98.6% .01 95);--color-paper-2: oklch(96.4% .018 95);--color-paper-3: oklch(93.4% .024 95);--color-surface: oklch(99.6% .004 95);--color-ink: oklch(22% .045 262);--color-ink-2: oklch(34% .04 260);--color-muted: oklch(46% .03 258);--color-rule: oklch(89% .02 95);--color-rule-2: oklch(93% .016 95);--color-scrim: oklch(16% .04 262 / .96);--color-bar: oklch(98.6% .01 95);--color-accent: oklch(55% .21 260);--color-accent-strong: oklch(48% .2 262);--color-accent-edge: oklch(36% .16 264);--color-accent-soft: oklch(93.5% .045 255);--color-accent-ink: oklch(98.6% .008 250);--color-focus: oklch(55% .23 258);--color-butter: oklch(88% .15 92);--color-butter-strong: oklch(82% .165 86);--color-butter-edge: oklch(66% .14 78);--color-butter-soft: oklch(96.2% .055 95);--color-butter-ink: oklch(26% .06 70);--color-coral: oklch(66% .2 27);--color-coral-soft: oklch(95% .035 27);--color-coral-ink: oklch(20% .06 27);--color-mint: oklch(80% .13 160);--color-mint-soft: oklch(95.5% .04 160);--color-pink: oklch(80% .12 350);--color-lilac: oklch(76% .12 300);--color-sky-soft: oklch(95% .035 235);--color-night: oklch(23% .075 264);--color-night-2: oklch(28% .08 263);--color-night-rule: oklch(38% .07 262);--color-on-night: oklch(96.5% .012 92);--color-on-night-2: oklch(80% .035 250);--color-ok: oklch(47% .12 158);--color-ok-soft: oklch(94.5% .04 158);--color-warn: oklch(50% .11 70);--color-warn-soft: oklch(95.5% .05 85);--color-danger: oklch(51% .18 27);--color-danger-soft: oklch(95% .03 27);--color-film: oklch(24% .04 262);--color-photo-1: oklch(86% .07 250);--color-photo-2: oklch(89% .09 92);--color-photo-3: oklch(84% .08 30);--color-photo-4: oklch(87% .06 160);--color-photo-5: oklch(85% .07 330);--font-display: "Be Vietnam Pro", ui-sans-serif, sans-serif;--font-body: "Be Vietnam Pro", ui-sans-serif, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: clamp(1.85rem, 2.2vw + 1.15rem, 2.6rem);--text-display-s: clamp(2rem, 3.2vw + 1rem, 3.3rem);--text-display: clamp(2.4rem, 4.6vw + 1rem, 4.6rem);--text-numeral: clamp(2.6rem, 4.4vw + 1rem, 4.4rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--gutter: clamp(1rem, 4vw, 3rem);--measure: 64ch;--page-max: 76rem;--radius-xs: 6px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--rule-w: 1px;--rule-bold: 2px;--shadow-card: 0 14px 32px -18px oklch(30% .06 262 / .3);--shadow-shot: 0 24px 60px -30px oklch(28% .09 262 / .45);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.2, .7, .3, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--dur-print: 1.4s;--bar-h: 64px;--cta-bar-h: 76px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + var(--space-md))}body{overflow-x:clip;margin:0;padding-top:var(--bar-h);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}p,ul,ol,dl,dd,figure,h1,h2,h3,h4{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}:where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:800;font-style:normal;line-height:1.14;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;min-width:0}p{text-wrap:pretty}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-xs)}.skip{position:absolute;left:var(--space-md);top:var(--space-sm);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-sm);transform:translateY(-200%)}.skip:focus-visible{transform:none}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.lede{font-size:var(--text-md);line-height:1.5;color:var(--color-ink-2);max-width:46ch}.muted{color:var(--color-muted)}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.btn{--btn-face: var(--color-accent-strong);--btn-face-hover: var(--color-accent);--btn-ink: var(--color-accent-ink);--btn-edge: var(--color-accent-edge);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-pill);background:var(--btn-face);color:var(--btn-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 0 var(--btn-edge);transform:translateY(0);transition:transform .14s var(--ease-snap),box-shadow .14s var(--ease-snap),background-color var(--dur-short) var(--ease-out)}.btn:hover,.btn.is-hover{background:var(--btn-face-hover);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--btn-edge);text-decoration:none}.btn:active,.btn.is-active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-edge);transition-duration:70ms}.btn:focus-visible,.btn.is-focus{outline:3px solid var(--color-focus);outline-offset:4px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 4px 0 0 var(--btn-edge)}.btn[data-state=loading]{color:transparent;pointer-events:none}.btn[data-state=loading]:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid var(--btn-ink);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn[data-state=error]{--btn-face: var(--color-danger);--btn-face-hover: var(--color-danger);--btn-ink: var(--color-accent-ink);--btn-edge: var(--color-coral-ink)}.btn[data-state=success]{--btn-face: var(--color-ok);--btn-face-hover: var(--color-ok);--btn-ink: var(--color-accent-ink);--btn-edge: var(--color-ink)}.btn--butter{--btn-face: var(--color-butter);--btn-face-hover: var(--color-butter-strong);--btn-ink: var(--color-butter-ink);--btn-edge: var(--color-butter-edge)}.btn--quiet{--btn-face: var(--color-surface);--btn-face-hover: var(--color-paper-2);--btn-ink: var(--color-ink);--btn-edge: var(--color-ink);box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink),0 4px 0 0 var(--btn-edge)}.btn--quiet:hover{box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink),0 6px 0 0 var(--btn-edge)}.btn--quiet:active{box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink),0 1px 0 0 var(--btn-edge)}.btn--sm{min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm)}@keyframes spin{to{transform:rotate(360deg)}}.confetti{position:fixed;z-index:var(--z-toast);width:0;height:0;pointer-events:none}.confetti i{position:absolute;left:0;top:0;width:8px;height:12px;border-radius:2px;background:var(--c, var(--color-coral));animation:confetti-fly .9s var(--ease-out) forwards}@keyframes confetti-fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:700;color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:.3em;white-space:nowrap}.link-arrow:active{color:var(--color-accent-strong)}.link-arrow:after{content:"→";transition:transform var(--dur-short) var(--ease-out)}.link-arrow:hover:after{transform:translate(3px)}.nav{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);height:var(--bar-h);background:transparent;border-bottom:var(--rule-w) solid transparent;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out);view-transition-name:site-nav}.nav.is-scrolled,.nav.is-open{background:var(--color-bar);border-bottom-color:var(--color-rule)}.nav__inner{height:100%;display:flex;align-items:center;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-ink);text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.03em;white-space:nowrap}.brand img{width:28px;height:28px}.nav__links{display:none}.nav__link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink-2);text-decoration:none;font-weight:500;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.nav__link:hover{background:var(--color-paper-2);color:var(--color-ink);text-decoration:none}.nav__link:active,.nav__lang:active{background:var(--color-paper-3)}.nav__link[aria-current=page]{color:var(--color-accent-strong);background:var(--color-accent-soft)}.nav__tools{display:flex;align-items:center;gap:var(--space-xs);margin-inline-start:auto}.nav__lang{min-height:40px;min-width:40px;display:inline-grid;place-items:center;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink-2);text-decoration:none;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 0 0 var(--rule-w) var(--color-rule)}.nav__lang:hover{color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-w) var(--color-ink-2);text-decoration:none}.nav__cta{display:none}.nav__menu{position:relative;width:44px;height:44px;border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);cursor:pointer;display:grid;place-items:center}.nav__menu:hover{background:var(--color-ink-2)}.nav__menu:active{transform:scale(.96)}.nav__menu span,.nav__menu span:before{content:"";display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform var(--dur-short) var(--ease-out)}.nav__menu span{position:relative;transform:translateY(-3px)}.nav__menu span:before{position:absolute;top:6px}.nav.is-open .nav__menu span{transform:translateY(0) rotate(45deg)}.nav.is-open .nav__menu span:before{transform:translateY(-6px) rotate(-90deg)}.nav__sheet{position:fixed;inset:var(--bar-h) 0 0;z-index:var(--z-modal);display:grid;align-content:start;gap:var(--space-2xs);padding:var(--space-lg) var(--gutter) max(var(--space-xl),env(safe-area-inset-bottom));background:var(--color-paper);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),visibility 0s linear var(--dur-short)}.nav.is-open .nav__sheet{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav__sheet a:not(.btn){display:flex;align-items:center;justify-content:space-between;min-height:56px;color:var(--color-ink);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;border-bottom:var(--rule-w) solid var(--color-rule)}.nav__sheet a:not(.btn):after{content:"→";color:var(--color-accent);font-weight:500}.nav__sheet a.is-ext:after{content:"↗"}.nav__sheet a[aria-current=page]{color:var(--color-accent-strong)}.nav__sheet .btn{margin-top:var(--space-lg)}body.is-locked{overflow:hidden}@media(min-width:40rem){.nav__cta{display:inline-flex}}@media(min-width:60rem){.nav__links{display:flex;gap:var(--space-3xs);margin-inline-start:auto}.nav__tools{margin-inline-start:var(--space-sm)}.nav__menu,.nav__sheet{display:none}}.section{padding-block:var(--space-3xl)}.section--tight{padding-block:var(--space-2xl)}.section-head{display:grid;gap:var(--space-sm);max-width:44rem;margin-bottom:var(--space-xl)}.section-head h2{font-size:var(--text-display-s)}.section-head p{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.5}.shot{margin:0;display:grid;gap:var(--space-sm);min-width:0}.shot__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-md)}.shot img{width:100%;border-radius:var(--radius-md);border:var(--rule-w) solid var(--color-rule);background:var(--color-surface);box-shadow:var(--shadow-shot)}.shot figcaption{font-size:var(--text-sm);color:var(--color-muted);max-width:60ch}.lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-on-night)}.lightbox::backdrop{background:var(--color-scrim)}.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:fade-in var(--dur-short) var(--ease-out)}.lightbox__bar{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--gutter)}.lightbox__close{min-height:44px;padding:0 var(--space-md);border:0;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-weight:600;cursor:pointer}.lightbox__close:hover{background:var(--color-paper-2)}.lightbox__close:active{transform:translateY(1px)}.lightbox__stage{overflow:auto;overscroll-behavior:contain;display:grid;place-items:center start;padding:0 var(--gutter)}.lightbox__stage img{max-width:none;width:200%;height:auto;border-radius:var(--radius-sm);animation:zoom-in var(--dur-long) var(--ease-out)}@media(min-width:40rem){.lightbox__stage{place-items:center}.lightbox__stage img{width:auto;max-width:min(100%,1600px)}}.lightbox__cap{padding:var(--space-sm) var(--gutter) max(var(--space-md),env(safe-area-inset-bottom));text-align:center;color:var(--color-on-night-2);font-size:var(--text-sm)}@keyframes fade-in{0%{opacity:0}}@keyframes zoom-in{0%{opacity:0;transform:scale(.96)}}.wall__strip{display:grid;gap:var(--space-xs);padding:var(--space-xs) var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-card)}.wall__cap{text-align:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;color:var(--color-muted)}.ph{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-xs);overflow:hidden;background:var(--tint)}.ph--p1{--tint: var(--color-photo-1)}.ph--p2{--tint: var(--color-photo-2)}.ph--p3{--tint: var(--color-photo-3)}.ph--p4{--tint: var(--color-photo-4)}.ph--p5{--tint: var(--color-photo-5)}.ph:before,.ph:after{content:"";position:absolute}.ph--sun:before{width:34%;aspect-ratio:1;left:33%;top:18%;border-radius:50%;background:var(--color-butter-strong)}.ph--sun:after{inset:62% -10% -30%;border-radius:50% 50% 0 0;background:var(--color-accent)}.ph--wave:before{inset:55% -20% -40%;border-radius:45% 55% 0 0;background:var(--color-accent-soft)}.ph--wave:after{inset:68% -10% -40%;border-radius:55% 45% 0 0;background:var(--color-accent)}.ph--heart:before,.ph--heart:after{top:20%;width:21%;height:46%;border-radius:999px 999px 0 0;background:var(--color-surface)}.ph--heart:before{left:50%;rotate:-45deg;transform-origin:0 100%}.ph--heart:after{left:29%;rotate:45deg;transform-origin:100% 100%}.ph--star:before{width:44%;aspect-ratio:1;left:28%;top:14%;background:var(--color-surface);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.ph--star:after{width:16%;aspect-ratio:1;right:14%;top:14%;background:var(--color-butter-strong);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.ph--confetti:before{inset:0;background-image:radial-gradient(circle at 18% 30%,var(--color-coral) 0 5%,transparent 5.5%),radial-gradient(circle at 72% 22%,var(--color-accent) 0 4%,transparent 4.5%),radial-gradient(circle at 40% 70%,var(--color-butter-strong) 0 6%,transparent 6.5%),radial-gradient(circle at 82% 66%,var(--color-mint) 0 5%,transparent 5.5%),radial-gradient(circle at 56% 44%,var(--color-lilac) 0 4%,transparent 4.5%)}.defer{content-visibility:auto;contain-intrinsic-size:auto 900px}.field{display:grid;gap:var(--space-2xs);min-width:0}.field label,.field .label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.field .hint{font-size:var(--text-sm);color:var(--color-muted)}.input,.select,.textarea{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:var(--rule-w) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--dur-short) var(--ease-out)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--color-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-ink-2)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.input:disabled,.textarea:disabled{background:var(--color-paper-2);cursor:not-allowed;opacity:.55}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.field__error{font-size:var(--text-sm);color:var(--color-danger);min-height:1lh}.input--mono{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase}.notice{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.5}.notice:empty{display:none}.notice--error{background:var(--color-danger-soft);color:var(--color-danger)}.notice--ok{background:var(--color-ok-soft);color:var(--color-ok)}.notice--info{background:var(--color-accent-soft);color:var(--color-ink)}.turnstile:empty{display:none}.faq{border-top:var(--rule-bold) solid var(--color-ink)}.faq details{border-bottom:var(--rule-w) solid var(--color-rule)}.faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.015em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-family:var(--font-mono);font-weight:500;color:var(--color-accent);transition:transform var(--dur-short) var(--ease-in-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{padding-bottom:var(--space-lg);color:var(--color-ink-2);max-width:var(--measure);display:grid;gap:var(--space-sm)}.foot{margin-top:var(--space-2xl);background:var(--color-butter-soft);view-transition-name:site-foot}.foot__marquee{overflow:hidden;border-block:var(--rule-bold) solid var(--color-ink);background:var(--color-butter)}.foot__track{display:flex;width:max-content;animation:marquee 36s linear infinite}.foot__marquee:hover .foot__track{animation-play-state:paused}.foot__track span{padding-block:var(--space-sm);padding-inline-end:var(--space-xl);font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3.2vw,2.4rem);letter-spacing:-.035em;white-space:nowrap;color:var(--color-butter-ink)}.foot__track b{color:var(--color-accent-strong)}@keyframes marquee{to{transform:translate(-50%)}}.foot__inner{display:grid;gap:var(--space-lg);padding-block:var(--space-xl) calc(var(--space-xl) + 64px)}.foot__line{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.03em;line-height:1.2;max-width:30ch}.foot__line span{color:var(--color-accent-strong)}.fanpage{display:grid;gap:var(--space-lg);align-items:center;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink),var(--shadow-card)}.fanpage__text{display:grid;gap:var(--space-xs);min-width:0}.fanpage__kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-strong)}.fanpage h2{font-size:var(--text-xl);line-height:1.15;letter-spacing:-.03em;max-width:22ch}.fanpage__text>p:not(.fanpage__kicker){color:var(--color-ink-2);max-width:44ch}.fanpage__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.fanpage__embed{min-height:130px;display:grid;align-items:center;min-width:0}.fanpage__embed iframe{display:block;width:100%;max-width:500px;height:130px;border:0;border-radius:var(--radius-sm);background:var(--color-paper)}.fanpage__fallback{font-size:var(--text-sm);color:var(--color-muted)}.fanpage__embed.is-loaded .fanpage__fallback{display:none}@media(min-width:52rem){.fanpage{grid-template-columns:1.2fr 1fr;padding:var(--space-xl)}}.foot__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-lg);padding-top:var(--space-md);border-top:var(--rule-w) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted)}.foot__meta a{color:var(--color-ink-2);text-decoration:none;white-space:nowrap;min-height:32px;display:inline-flex;align-items:center}.foot__meta a:hover{color:var(--color-ink);text-decoration:underline}.foot__meta .brand{font-size:var(--text-base);margin-inline-end:auto}.foot__meta .brand img{width:22px;height:22px}.cta-bar{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-sm);min-height:var(--cta-bar-h);padding:var(--space-sm) var(--gutter) max(var(--space-sm),env(safe-area-inset-bottom));background:var(--color-bar);border-top:var(--rule-w) solid var(--color-rule);transform:translateY(110%);transition:transform var(--dur-long) var(--ease-out);view-transition-name:cta-bar}.cta-bar.is-shown{transform:none}.cta-bar__text{font-size:var(--text-xs);color:var(--color-muted);line-height:1.3;margin-inline-end:auto;min-width:0}.cta-bar__text b{display:block;color:var(--color-ink);font-size:var(--text-sm)}.cta-bar .btn{min-height:44px;padding:0 var(--space-md)}body.has-cta-bar{padding-bottom:var(--cta-bar-h)}@media(min-width:60rem){.cta-bar{display:none}body.has-cta-bar{padding-bottom:0}}.msgr{position:fixed;z-index:var(--z-sticky);right:max(var(--gutter),env(safe-area-inset-right));bottom:max(var(--space-lg),env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:var(--space-xs);min-height:52px;padding:0 var(--space-lg) 0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent-strong);color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 0 var(--color-accent-edge),var(--shadow-card);transition:transform .14s var(--ease-snap),box-shadow .14s var(--ease-snap),background-color var(--dur-short) var(--ease-out),bottom var(--dur-short) var(--ease-out)}.msgr svg{flex:none}.msgr:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--color-accent-edge),var(--shadow-card);text-decoration:none}.msgr:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--color-accent-edge);transition-duration:70ms}.msgr:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}@media(max-width:59.99rem){body:has(.cta-bar.is-shown) .msgr{bottom:calc(var(--cta-bar-h) + var(--space-sm) + env(safe-area-inset-bottom))}}@media(max-width:40rem){.msgr{width:52px;padding:0;justify-content:center}.msgr span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.reveal{opacity:0;transform:translateY(10px);animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.btn[data-state=loading]:after{animation-duration:1.2s!important;animation-iteration-count:infinite!important}.reveal{animation:reveal-fade .15s linear forwards;transform:none}@keyframes reveal-fade{to{opacity:1}}.cta-bar,.msgr{transition:none}.msgr:hover,.msgr:active{transform:none}.foot__track{animation:none}.confetti{display:none}.btn:hover,.btn:active{transform:none}.lightbox[open],.lightbox__stage img{animation:none}.nav{transition:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-short);animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.page-head{padding-block:var(--space-2xl) var(--space-xl);display:grid;gap:var(--space-md)}.page-head h1{font-size:var(--text-display-s);font-weight:800;max-width:18ch}.page-head .lede{max-width:52ch}.page-head__text{display:grid;gap:var(--space-md);align-content:center;min-width:0}.page-head--fun{position:relative;overflow:hidden;margin-top:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-butter-soft);grid-template-columns:minmax(0,1fr)}.mini-wall{display:flex;gap:var(--space-sm);justify-content:flex-end;height:120px;margin:0 calc(var(--space-lg) * -1) calc(var(--space-xl) * -1) 0}.mini-wall .wall__strip{width:92px;flex:none;align-self:flex-start}.mini-wall .wall__strip:nth-child(1){rotate:-6deg;translate:0 18px}.mini-wall .wall__strip:nth-child(2){rotate:3deg}.mini-wall .wall__strip:nth-child(3){rotate:8deg;translate:0 26px}@media(min-width:52rem){.page-head--fun{grid-template-columns:minmax(0,1fr) minmax(0,18rem);gap:var(--space-xl);padding:var(--space-2xl) var(--space-2xl)}.mini-wall{height:auto;margin:calc(var(--space-2xl) * -1) 0;align-items:center;align-self:stretch}.mini-wall .wall__strip{width:96px}}.spec{width:100%;border-collapse:collapse}.spec tbody+tbody .spec__group th{padding-top:var(--space-2xl)}.spec__group th{text-align:start;padding:var(--space-md) 0 var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em;border-bottom:var(--rule-bold) solid var(--color-ink)}.spec tr:not(.spec__group)>*{display:block;padding:0;text-align:start;vertical-align:top}.spec tr:not(.spec__group){display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-bottom:var(--rule-w) solid var(--color-rule)}.spec tr:not(.spec__group) th{font-weight:600;font-family:var(--font-body)}.spec td:nth-child(2){color:var(--color-ink-2)}.spec td:nth-child(3){color:var(--color-muted);font-size:var(--text-sm)}.spec td:nth-child(3):empty{display:none}@media(min-width:48rem){.spec tr:not(.spec__group){grid-template-columns:minmax(0,14rem) minmax(0,1fr) minmax(0,15rem);gap:var(--space-lg);padding-block:var(--space-sm)}.spec td:nth-child(3):empty{display:block}}.features-cta{margin-top:var(--space-2xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-paper-2)}.features-cta p{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);margin-inline-end:auto}.dl{display:grid;gap:var(--space-2xl);padding-bottom:var(--space-xl)}.dl__box{display:grid;gap:var(--space-md);align-content:start;padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);background:var(--color-night);color:var(--color-on-night)}.dl__box h2{font-size:var(--text-xl)}.dl__meta{color:var(--color-on-night-2);font-size:var(--text-sm)}.dl__box .notice{background:var(--color-night-2);color:var(--color-on-night)}.dl__box .btn{justify-self:start}.dl__box .link-arrow{color:var(--color-on-night);text-decoration-color:var(--color-butter)}.steps{display:grid;gap:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg);border-top:var(--rule-w) solid var(--color-rule)}.steps li:first-child{border-top:var(--rule-bold) solid var(--color-ink)}.steps li:before{content:counter(step);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1;color:var(--color-accent)}.steps h3{font-size:var(--text-md);margin-bottom:var(--space-2xs)}.steps p{color:var(--color-ink-2)}.path{display:inline-block;padding:0 var(--space-2xs);border-radius:var(--radius-xs);background:var(--color-paper-2);font-weight:600;color:var(--color-ink)}@media(min-width:56rem){.dl{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-3xl);align-items:start}.dl__box{position:sticky;top:calc(var(--bar-h) + var(--space-xl));order:2}}.hw{margin-top:var(--space-2xl)}.hw h2{font-size:var(--text-xl);margin-bottom:var(--space-md)}.contact{display:grid;gap:var(--space-2xl);padding-bottom:var(--space-xl)}.lead-form{display:grid;gap:var(--space-lg);max-width:36rem}.lead-form .row{display:grid;gap:var(--space-lg)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);border:0;padding:0;margin:0}.chips legend{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-xs);padding:0}.chip{position:relative}.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);white-space:nowrap;box-shadow:inset 0 0 0 var(--rule-w) var(--color-rule);background:var(--color-surface);transition:background-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.chip input:hover+span{box-shadow:inset 0 0 0 var(--rule-w) var(--color-ink-2)}.chip input:active+span{background:var(--color-paper-2)}.chip input:checked+span{background:var(--color-ink);color:var(--color-paper);box-shadow:none}.chip input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.reach{display:grid;gap:var(--space-lg);align-content:start}.reach__item{display:grid;gap:var(--space-2xs);padding-top:var(--space-md);border-top:var(--rule-bold) solid var(--color-ink)}.reach__item span{font-size:var(--text-sm);color:var(--color-muted)}.reach__item a{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-ink);text-decoration:none;overflow-wrap:anywhere}.reach__item a:hover{color:var(--color-accent)}.reach__item a.reach__email{font-size:var(--text-md)}.reach__item a.reach__msgr{justify-self:start;margin-top:var(--space-2xs);font-size:var(--text-base);letter-spacing:-.01em;color:var(--btn-ink)}.reach__item a.reach__msgr:hover{color:var(--btn-ink)}.sent{display:grid;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);background:var(--color-ok-soft);max-width:36rem}.sent h2{font-size:var(--text-xl);color:var(--color-ok)}.sent[hidden]{display:none}@media(min-width:40rem){.lead-form .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(min-width:56rem){.contact{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-3xl)}}.tag{display:inline-flex;align-items:center;justify-self:start;width:fit-content;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.01em;color:var(--color-ink);background:var(--tint, var(--color-paper-2))}.tag--butter{--tint: var(--color-butter)}.tag--sky{--tint: var(--color-accent-soft)}.tag--coral{--tint: var(--color-coral-soft)}.tag--mint{--tint: var(--color-mint-soft)}.blog-note{margin:calc(var(--space-md) * -1) 0 var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.post-feature{display:grid;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-ink);text-decoration:none;transition:transform var(--dur-short) var(--ease-out)}.post-feature__cover{align-self:center}.post-feature__cover img{width:100%;height:auto;aspect-ratio:1200 / 630}.post-feature__text{display:grid;gap:var(--space-sm);align-content:center;padding:var(--space-lg)}.post-feature__text b{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);line-height:1.14;letter-spacing:-.03em}.post-feature__text>span:not(.tag):not(.link-arrow){color:var(--color-ink-2)}.post-list{display:grid;gap:var(--space-md);margin:var(--space-xl) 0 0;padding:0;list-style:none}.post-row{display:grid;gap:var(--space-md);align-items:center;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-ink);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.post-row:hover{background:var(--color-paper-2);text-decoration:none}.post-row__thumb img{width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius-sm)}.post-row__text{display:grid;gap:var(--space-2xs)}.post-row__text b{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.2;letter-spacing:-.02em}.post-row__text>span:last-child{font-size:var(--text-sm);color:var(--color-ink-2)}@media(hover:hover)and (pointer:fine){.post-feature:hover{transform:translateY(-4px)}}@media(min-width:40rem){.post-row{grid-template-columns:minmax(0,16rem) minmax(0,1fr)}}@media(min-width:52rem){.post-feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.post-feature__text{padding:var(--space-xl)}}.post__head{display:grid;gap:var(--space-md);padding-top:var(--space-xl)}.crumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm)}.crumbs a{color:var(--color-ink-2);font-weight:600}.crumbs span[aria-hidden]{color:var(--color-muted)}.post__head h1{font-size:var(--text-display-s);max-width:22ch}.post__head .lede{max-width:58ch}.post__meta{font-size:var(--text-sm);color:var(--color-muted)}.post__cover{margin:var(--space-md) 0 0}.post__cover img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.post__body{padding-top:var(--space-xl)}.post__body>*{max-width:46rem}.post__body>p,.post__body>ul,.post__body>ol{font-size:1.0625rem;line-height:1.75;color:var(--color-ink-2)}.post__body>*+*{margin-top:var(--space-md)}.post__body>h2{margin-top:var(--space-2xl);font-size:var(--text-xl)}.post__body>h2+*{margin-top:var(--space-sm)}.post__body ul,.post__body ol{padding-inline-start:1.25em;display:grid;gap:var(--space-xs)}.post__body li::marker{color:var(--color-accent);font-weight:700}.post__body b{color:var(--color-ink)}.post__body .path{display:inline;padding:0 var(--space-2xs);border-radius:var(--radius-xs);background:var(--color-paper-2);font-weight:600;color:var(--color-ink)}.tip{display:grid;gap:var(--space-2xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-butter-soft)}.tip:before{content:"Mẹo";font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;color:var(--color-butter-ink)}.tip p{color:var(--color-ink);line-height:1.65}.post__body>.post__shot{margin-block:var(--space-xl)}.post-cta{margin-top:var(--space-2xl)!important;display:grid;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-sky-soft)}.post-cta__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.post-cta p:not(.post-cta__title){color:var(--color-ink-2)}.post-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xs)}.related{padding-top:var(--space-2xl)}.related h2{font-size:var(--text-xl);margin-bottom:var(--space-md)}.related__list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.related__item{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:var(--space-md);align-items:center;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--color-ink);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out)}.related__item:hover{background:var(--color-paper-2);text-decoration:none}.related__thumb img{width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius-sm)}.related__text{display:grid;gap:var(--space-2xs)}.related__text b{font-weight:700;line-height:1.35}@media(min-width:52rem){.related__list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.post-feature,.post-row{transition:none}}