:root{--oat-milk:#f8e3c4;--pollen:#f0c283;--sage:#a9b491;--graphite:#5d6973;--love-potion:#cf6e6c;--ballerina:#dca7a1;--oat-milk-50:#fdf8f1;--oat-milk-100:#f9efe0;--oat-milk-200:#f0e7da;--oat-milk-300:#e4d7c4;--oat-milk-400:#d8c9b4;--oat-milk-500:#cdbca4;--graphite-900:#2b333a;--graphite-800:#39424a;--graphite-700:#4a555e;--graphite-500:#646e78;--graphite-400:#6f7b86;--love-potion-600:#b0514f;--love-potion-700:#93403e;--color-page:var(--oat-milk-50);--color-surface:#fff;--color-surface-hover:var(--oat-milk-50);--color-surface-sunk:var(--oat-milk-100);--color-surface-footer:var(--oat-milk-100);--color-ink:var(--graphite-800);--color-ink-soft:var(--graphite-700);--color-muted:var(--graphite);--color-muted-light:var(--graphite-500);--color-muted-lighter:var(--graphite-400);--font-chat-primary:var(--graphite-900);--color-accent:var(--love-potion-600);--color-accent-strong:var(--love-potion-700);--color-accent-soft:var(--love-potion);--color-blush:var(--ballerina);--color-highlight:var(--pollen);--color-confident:var(--sage);--color-confident-strong:#5f6b4a;--color-highlight-strong:#8a6a33;--color-band:var(--oat-milk);--color-band-border:var(--ballerina);--color-board:#f6ede0;--color-note-edge:#e8dccb;--color-tape:#f0c2838c;--color-tape-edge:#f0c283cc;--color-stamp-ink:#5d4a29;--color-hairline:var(--oat-milk-200);--color-hairline-warm:var(--oat-milk-300);--color-border-soft:var(--oat-milk-300);--color-border-input:var(--oat-milk-400);--color-border-strong:var(--oat-milk-500);--font-display:"Patrick Hand", "Segoe UI", system-ui, sans-serif;--font-body:"Gaegu", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.375rem;--leading-tight:1.12;--leading-snug:1.35;--leading-normal:1.6;--tracking-wide:.09em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.375rem;--space-9:3rem;--space-10:4rem;--radius-sm:4px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--radius-circle:50%;--shadow-card:0 6px 22px #5d69731a;--shadow-raised:0 8px 24px #5d697321;--shadow-note:0 2px 0 var(--color-note-edge), 0 10px 20px #5d697317;--shadow-note-lift:0 2px 0 var(--color-note-edge), 0 16px 28px #5d697329;--ring-accent:0 0 0 3px #cf6e6c3d;--ring-invalid:0 0 0 3px #93403e38;--layout-max:1080px;--layout-gutter:var(--space-8);--layout-section-gap:var(--space-8);--ease-out:cubic-bezier(.22, .61, .36, 1);--duration-fast:.12s;--duration-base:.2s;--shadow-sm:0 6px 22px #5d69731a;--shadow-md:0 6px 22px #5d697333;--shadow-lg:0 6px 22px #5d69734d;--color-scrim:#39424a59}@media (width<=640px){:root{--layout-gutter:var(--space-5);--layout-section-gap:var(--space-7)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-page);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);color:var(--color-ink);margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-strong)}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes motion-rise{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}.page-transition,.async-fade{display:inherit;flex-direction:inherit;gap:inherit;align-items:inherit;justify-content:inherit;width:100%}.page-transition{animation:motion-rise .28s var(--ease-out) both}.async-fade{animation:motion-fade .24s var(--ease-out) both}.post-card,.admin-list__row{animation:motion-rise .3s var(--ease-out) both}.admin-list__row:nth-child(2),li:nth-child(2)>.post-card,.post-card:nth-child(2){animation-delay:45ms}.admin-list__row:nth-child(3),li:nth-child(3)>.post-card,.post-card:nth-child(3){animation-delay:90ms}.admin-list__row:nth-child(4),li:nth-child(4)>.post-card,.post-card:nth-child(4){animation-delay:.135s}.admin-list__row:nth-child(5),li:nth-child(5)>.post-card,.post-card:nth-child(5){animation-delay:.18s}.admin-list__row:nth-child(6),li:nth-child(6)>.post-card,.post-card:nth-child(6){animation-delay:.225s}.admin-list__row:nth-child(7),li:nth-child(7)>.post-card,.post-card:nth-child(7){animation-delay:.27s}.admin-list__row:nth-child(8),li:nth-child(8)>.post-card,.post-card:nth-child(8){animation-delay:.315s}.image-frame__img{animation:motion-fade .4s var(--ease-out) both}.admin-quiet,.playdates__quiet,.comments__empty{animation:motion-rise .28s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.page-transition,.async-fade,.post-card,.admin-list__row,.image-frame__img,.admin-quiet,.playdates__quiet,.comments__empty,.skeleton{animation:none}.primary-nav__indicator{transition:none}}@keyframes feedback-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes feedback-sink{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(.5rem)}}.toasts{bottom:var(--space-5);align-items:center;gap:var(--space-2);z-index:140;pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-2) var(--space-4);border:1px solid var(--color-band-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-raised);color:var(--color-ink);animation:feedback-rise var(--duration-base) var(--ease-out) both}.toast--leaving{animation:feedback-sink var(--duration-base) var(--ease-out) both}.confirm{padding:var(--space-4);background:var(--color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:130;animation:feedback-fade var(--duration-fast) var(--ease-out) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes feedback-fade{0%{opacity:0}to{opacity:1}}.confirm__card{gap:var(--space-3);width:100%;max-width:26rem;padding:var(--space-5);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);animation:feedback-rise var(--duration-base) var(--ease-out) both;flex-direction:column;display:flex}.confirm__title{font-family:var(--font-display);font-size:var(--text-xl)}.confirm__body{color:var(--color-ink-soft);line-height:var(--leading-normal)}.confirm__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){.toast,.toast--leaving,.confirm,.confirm__card{animation:none}}.container{width:100%;max-width:var(--layout-max);padding-inline:var(--layout-gutter);margin-inline:auto}.primary-nav{padding-block:var(--space-3);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);position:relative}.primary-nav__indicator{border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;pointer-events:none;height:2px;transition:transform .3s var(--ease-out), width .3s var(--ease-out), opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0}.primary-nav__list{justify-content:center;align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.primary-nav__link{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink-soft);transition:color var(--duration-fast) var(--ease-out);line-height:1.3;text-decoration:none}.primary-nav__link:hover,.primary-nav__link--active{color:var(--color-accent)}@media (width<=640px){.primary-nav__list{gap:var(--space-2) var(--space-4)}}.context-menu{display:inline-block;position:relative}.context-menu__trigger{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}@keyframes context-menu-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.context-menu__popup{top:calc(100% + var(--space-2));z-index:50;min-width:12rem;padding:var(--space-2);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);animation:context-menu-in var(--duration-fast) var(--ease-out) both;flex-direction:column;margin:0;list-style:none;display:flex;position:absolute}.context-menu__popup--right{right:0}.context-menu__popup--left{left:0}.context-menu__popup--pointer{z-index:80;position:fixed}.context-menu__item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-soft);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;text-decoration:none;display:block}.context-menu__item:hover,.context-menu__item:focus-visible,.context-menu__item--active{background:var(--color-band);color:var(--color-ink)}.context-menu__separator{height:1px;margin:var(--space-2) var(--space-2);background:var(--color-band-border);display:block}@media (prefers-reduced-motion:reduce){.context-menu__popup{animation:none}}.search-field{width:9.375rem;position:relative}.search-field .text-input{width:100%;padding:var(--space-1) var(--space-3)}.search-field .text-input::-webkit-search-cancel-button{display:none}.search-field__suggest{min-width:16rem}.search-field__option{text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.search-field__see-all{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent)}@media (width<=640px){.search-field{width:100%;max-width:15rem;margin-inline:auto}}.text-input{width:100%;padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border-input);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);line-height:1.4}.text-input::placeholder{color:var(--color-muted-lighter)}.text-input:focus{border-color:var(--color-accent-soft);box-shadow:var(--ring-accent);outline:none}.text-input--invalid{border-color:var(--color-accent-strong)}.text-input--invalid:focus{box-shadow:var(--ring-invalid)}.text-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.text-input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.social-links{align-items:center;gap:var(--space-2);display:flex}.social-links__item{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);width:1.6875rem;height:1.6875rem;color:var(--color-muted-light);font-family:var(--font-mono);font-size:var(--text-2xs);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:flex}.social-links__item:hover{border-color:var(--color-blush);background:var(--color-band);color:var(--color-accent-strong)}.site-header{padding-top:var(--space-5)}.site-header__utility{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-header__utility-right{align-items:center;gap:var(--space-4);display:flex}.site-header__account{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.site-header__account:hover{color:var(--color-accent)}.site-header__brand{margin-block:var(--space-3);justify-content:center;display:flex}.site-header__logo{width:auto;height:8.5rem;transition:transform var(--duration-base) var(--ease-out);display:block}.site-header__title:hover .site-header__logo{transform:scale(1.03)}.site-header__title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.site-header__title:hover{color:var(--color-accent)}@media (width<=640px){.site-header__utility{align-items:stretch;gap:var(--space-3);flex-direction:column}.site-header__utility .social-links,.site-header__utility-right{justify-content:center}.site-header__brand{margin-block:var(--space-4) var(--space-3)}.site-header__title{font-size:var(--text-2xl)}}.tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);line-height:1;display:inline-block}.tag--link{transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.tag--link:hover{color:var(--color-accent-strong)}.newsletter-form{gap:var(--space-3);display:flex}.newsletter-form--inline{flex-wrap:wrap;align-items:center}.newsletter-form--inline .newsletter-form__field{flex:1;min-width:11rem}.newsletter-form--stacked{flex-direction:column;align-items:stretch}.newsletter-form--stacked .button{align-self:flex-start}.newsletter-form__error{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-accent-strong);flex-basis:100%}.newsletter-form__success{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-accent-strong)}.site-footer{margin-top:var(--space-9);padding-block:var(--space-8) var(--space-5);border-top:1px solid var(--color-hairline-warm);background:var(--color-surface-footer)}.site-footer__grid{gap:var(--space-8);grid-template-columns:1.4fr 1fr 1fr 1.3fr;display:grid}.site-footer__brand{gap:var(--space-3);flex-direction:column;display:flex}.site-footer__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--color-ink)}.site-footer__tagline{max-width:32ch;color:var(--color-muted);font-size:var(--text-base);line-height:var(--leading-snug)}.site-footer__column{gap:var(--space-3);flex-direction:column;display:flex}.site-footer__list{gap:var(--space-2);flex-direction:column;display:flex}.site-footer__link{color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-base);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.site-footer__link:hover{color:var(--color-accent)}.site-footer__legal{margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);text-align:center}@media (width<=860px){.site-footer__grid{gap:var(--space-7);grid-template-columns:1fr 1fr}.site-footer__column--letter{grid-column:1/-1}}@media (width<=560px){.site-footer__grid{grid-template-columns:1fr}}.site-layout{flex-direction:column;min-height:100dvh;display:flex}.site-main{gap:var(--layout-section-gap);padding-top:var(--space-8);flex-direction:column;flex:1;display:flex}.site-layout__skip{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);font-family:var(--font-display);transition:transform var(--duration-base) var(--ease-out);text-decoration:none;position:absolute;transform:translateY(-200%)}.site-layout__skip:focus-visible{color:var(--color-surface);transform:translateY(0)}.section{scroll-margin-top:var(--space-7)}.error-note{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px dashed var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-band);flex-wrap:wrap;display:flex}.error-note__message{min-width:12rem;color:var(--color-ink-soft);font-size:var(--text-base);line-height:var(--leading-snug);flex:1}.image-frame{background:var(--color-surface-sunk);width:100%;height:100%;position:relative;overflow:hidden}.image-frame__img{object-fit:cover;width:100%;height:100%}.image-frame--empty{background-image:radial-gradient(120% 90% at 30% 20%, #ffffffd9, #fff0 62%), linear-gradient(150deg, var(--oat-milk-100), var(--color-blush))}.image-frame--empty:after{content:"";border:1px solid var(--color-border-soft);border-radius:inherit;position:absolute;inset:0}.image-frame--md{border-radius:var(--radius-md)}.image-frame--lg{border-radius:var(--radius-lg)}.image-frame--circle{border-radius:var(--radius-circle)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-sunk) 25%, var(--color-hairline) 50%, var(--color-surface-sunk) 75%);animation:skeleton-sweep 1.4s var(--ease-out) infinite;background-size:200% 100%;display:block}.skeleton--line{height:.5625rem}.skeleton--block{border-radius:var(--radius-md)}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.welcome-hero{align-items:center;gap:var(--space-8);display:flex}.welcome-hero__portrait{flex:none;width:21.25rem;height:22.5rem}.welcome-hero__copy{align-items:flex-start;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.welcome-hero__title{font-size:var(--text-4xl)}.welcome-hero__intro{max-width:52ch;color:var(--color-muted);line-height:var(--leading-normal)}.welcome-hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=860px){.welcome-hero{align-items:stretch;gap:var(--space-6);flex-direction:column}.welcome-hero__portrait{width:100%;max-width:21.25rem;height:20rem;margin-inline:auto}.welcome-hero__title{font-size:var(--text-3xl)}}.letter-box{gap:var(--space-4);width:100%;padding:var(--space-5);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-page);flex-direction:column;display:flex}.letter-box__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.letter-box__heading{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.letter-box__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink)}.letter-box__tagline{color:var(--color-ink-soft)}.letter-box__stats{align-items:baseline;gap:var(--space-3);display:flex}.letter-box__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.letter-box__mark-all{font:inherit;color:var(--color-accent-strong);cursor:pointer;background:0 0;border:0;padding:0}.letter-box__mark-all:hover{text-decoration:underline}.letter-box__quiet{color:var(--color-ink-soft)}.letter-hero{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) 12rem;display:grid}.letter-hero__main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.letter-hero__chips{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.letter-hero__landed{padding:.1rem var(--space-3);border:1px solid color-mix(in srgb, var(--pollen) 70%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--pollen) 30%, transparent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft)}.letter-hero__meta{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted-light)}.letter-hero__subject{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);font-weight:400}.letter-hero__teaser{color:var(--color-ink-soft);line-height:var(--leading-normal)}.letter-hero__foot{align-items:baseline;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-band-border);display:flex}.letter-hero__read{font:inherit;font-family:var(--font-display);color:var(--color-accent-strong);cursor:pointer;background:0 0;border:0;padding:0}.letter-hero__read:hover{text-decoration:underline}.letter-hero__mins{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.letter-hero__photo{place-items:center;display:grid}.letter-hero__photo img{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:11rem}.letter-box__earlier{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted-light);display:flex}.letter-box__earlier:after{content:"";border-top:1px dashed var(--color-band-border);flex:1}.letter-box__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.letter-entry{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex}.letter-entry:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.letter-entry__no{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);flex-shrink:0}.letter-entry__subject{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);flex-shrink:0}.letter-entry__teaser{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--color-muted);flex:1;overflow:hidden}.letter-entry__right{align-items:baseline;gap:var(--space-3);flex-shrink:0;display:flex}.letter-entry__new{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent-strong)}.letter-entry__date{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.letter-box__different{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.letter-box__different:hover{color:var(--color-accent-strong)}@media (width<=680px){.letter-hero{grid-template-columns:1fr}.letter-hero__photo{display:none}.letter-entry{flex-wrap:wrap}.letter-entry__teaser{white-space:normal;flex-basis:100%}}.letter-box--compact{background:0 0;border:0;padding:0}.letter-modal{z-index:120;padding:var(--space-4);background:#39424a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes letter-rise{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.letter-modal__panel{border:1px solid var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-band);width:min(46rem,100%);max-height:min(54rem,92dvh);box-shadow:var(--shadow-raised);animation:letter-rise var(--duration-base) var(--ease-out) both;outline:none;flex-direction:column;display:flex;overflow:hidden}.letter-modal__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-band-border);display:flex}.letter-modal__well{min-height:0;padding:clamp(var(--space-3), 4vw, var(--space-6));background:var(--color-surface-sunk);flex:1;overflow-y:auto}.letter-modal__paper{width:min(38rem,100%);padding:clamp(var(--space-4), 5vw, var(--space-6));border:1px solid var(--color-band-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);margin-inline:auto}.letter-modal__when{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.letter-modal__head-actions{align-items:center;gap:var(--space-3);display:flex}.letter-modal__keep{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent-strong);text-decoration:none}.letter-modal__keep:hover{text-decoration:underline}.letter-modal__body{line-height:var(--leading-normal)}.letter-modal__body>*+*{margin-top:var(--space-4)}.letter-modal__body img{width:12rem;max-width:60%;margin-inline:auto;display:block}.letter-modal__body h1,.letter-modal__body h2{font-family:var(--font-display);font-size:var(--text-2xl)}.letter-modal__body h3{font-family:var(--font-display);font-size:var(--text-lg)}.letter-modal__body strong{color:var(--color-accent-strong);font-weight:700}.letter-modal__body ul,.letter-modal__body ol{gap:var(--space-2);flex-direction:column;display:flex}.letter-modal__body ul{padding-left:var(--space-2);list-style:none}.letter-modal__body ul li{padding-left:1.5rem;position:relative}.letter-modal__body ul li:before{content:"♡";color:var(--color-accent);position:absolute;left:0}.letter-modal__body ol{padding-left:var(--space-5);list-style:decimal}.letter-modal__body ol li::marker{font-family:var(--font-mono);color:var(--color-accent-strong)}@media (prefers-reduced-motion:reduce){.letter-modal__panel{animation:none}}.newsletter-band{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-7);border:1px dashed var(--color-band-border);border-radius:var(--radius-xl);background:var(--color-band);display:flex}.newsletter-band__copy{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.newsletter-band__title{font-size:var(--text-2xl)}.newsletter-band__body{max-width:34ch;color:var(--color-ink-soft);line-height:var(--leading-snug)}.newsletter-band__incentive{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-highlight);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xs);align-self:flex-start;line-height:1.5}.newsletter-band__form{flex:1}@media (width<=860px){.newsletter-band{align-items:stretch;gap:var(--space-5);flex-direction:column}.newsletter-band__body{max-width:none}}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-heading__title{font-size:var(--text-2xl)}.section-heading__action{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-accent);text-decoration:none}.section-heading__action:hover{color:var(--color-accent-strong)}.peek-thumb{perspective:1200px;width:100%;position:relative}.peek-thumb__inner{transform-style:preserve-3d;transition:transform .48s var(--ease-out);position:absolute;inset:0}.peek-thumb--peeked .peek-thumb__inner{transform:rotateY(180deg)}.peek-thumb__face{border-radius:var(--radius-md);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.peek-thumb__photo{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.peek-thumb--peeked .peek-thumb__photo{pointer-events:none}.peek-thumb__photo .image-frame{height:100%;transition:transform var(--duration-base) var(--ease-out)}.peek-thumb__photo:hover .image-frame{transform:scale(1.03)}.peek-thumb__hint{bottom:var(--space-2);left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-soft);opacity:0;transition:opacity var(--duration-base) var(--ease-out);background:#ffffffd9;position:absolute}.peek-thumb__photo:hover .peek-thumb__hint,.peek-thumb__photo:focus-visible .peek-thumb__hint{opacity:1}.peek-thumb__face--back{border:1px solid var(--color-band-border);background:var(--color-surface);box-shadow:var(--shadow-card);transform:rotateY(180deg)}.peek-thumb__frame{inset:var(--space-2);border:1px dashed var(--color-band-border);border-radius:calc(var(--radius-md) - 4px);pointer-events:none;position:absolute}.peek-thumb__panel{gap:var(--space-2);height:100%;padding:var(--space-4) var(--space-5);color:var(--color-ink);flex-direction:column;text-decoration:none;display:flex;position:relative}.peek-thumb__title{text-align:center;font-family:var(--font-display);font-size:var(--text-base);color:var(--color-accent)}.peek-thumb__list{justify-content:center;gap:var(--space-1);min-height:0;font-size:var(--text-sm);line-height:var(--leading-snug);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}@keyframes peek-item-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.peek-thumb__item{gap:var(--space-2);animation:peek-item-in .3s var(--ease-out) both;animation-delay:calc(.16s + var(--peek-i) * 55ms);display:flex}.peek-thumb__item:before{content:"♡";color:var(--color-accent);flex:none}.peek-thumb__more{text-align:center;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent)}.peek-thumb__panel:hover .peek-thumb__more{text-decoration:underline}.peek-thumb__close{top:var(--space-3);right:var(--space-3);border:1px solid var(--color-band-border);border-radius:var(--radius-pill);background:var(--color-surface);width:1.6rem;height:1.6rem;color:var(--color-ink-soft);font-size:var(--text-base);cursor:pointer;line-height:1;position:absolute}.peek-thumb__close:hover{color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.peek-thumb__inner{transition:none}.peek-thumb__item{animation:none}}.post-card{gap:var(--space-2);flex-direction:column;display:flex}.post-card__media{margin-bottom:var(--space-1);border-radius:var(--radius-md);display:block;overflow:hidden}.post-card__media--peek{overflow:visible}.post-card__media .image-frame{transition:transform var(--duration-base) var(--ease-out)}.post-card:hover .post-card__media .image-frame{transform:scale(1.03)}.post-card__title{font-size:var(--text-lg)}.post-card__link{color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.post-card__link:hover{color:var(--color-accent)}.post-card__excerpt{color:var(--color-muted);font-size:var(--text-base);line-height:var(--leading-snug)}.post-card__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.post-grid{gap:var(--space-6);display:grid}.post-grid--2{grid-template-columns:repeat(2,1fr)}.post-grid--3{grid-template-columns:repeat(3,1fr)}.post-grid__placeholder{gap:var(--space-2);flex-direction:column;display:flex}.post-grid__empty{color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-lg)}@media (width<=860px){.post-grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.post-grid--2,.post-grid--3{grid-template-columns:1fr}}.chip{padding:var(--space-1) var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-base);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0;align-items:center;line-height:1.4;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--color-blush);background:var(--color-band);color:var(--color-accent-strong)}.category-chips{gap:var(--space-3);flex-wrap:wrap;display:flex}.category-chips .skeleton{border-radius:var(--radius-pill)}@media (width>=1100px){.home-welcome .welcome-hero__title{font-size:2.75rem}}.page-header{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-hairline);flex-direction:column;display:flex}.page-header__title{font-size:var(--text-3xl)}.page-header__intro{max-width:58ch;color:var(--color-muted);line-height:var(--leading-normal)}.comments{align-items:flex-start;gap:var(--space-4);width:100%;margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-band-border);flex-direction:column;display:flex}.comments__title{font-size:var(--text-2xl)}.comments__list{gap:var(--space-4);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.comments__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.comments__author{color:var(--color-ink-soft)}.comments__body{line-height:var(--leading-normal)}.comments__empty,.comments__signin{color:var(--color-ink-soft)}.comments__form{align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.comments__textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);font:inherit;line-height:var(--leading-normal);resize:vertical;background:0 0}.comments__textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.comments__error{color:var(--color-accent)}.comments__notice{width:100%;padding:var(--space-3) var(--space-4);border:1px dashed var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-band);color:var(--color-ink-soft)}.comments__pending-tag{margin-left:var(--space-2);padding:0 var(--space-2);border:1px dashed var(--color-band-border);border-radius:var(--radius-pill);background:var(--color-band);color:var(--color-muted-light)}.reaction-bar{align-items:center;gap:var(--space-3);width:100%;padding-block:var(--space-2);flex-wrap:wrap;display:flex}.reaction-bar__chips{gap:var(--space-2);display:flex}.reaction-bar__chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-band-border);border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;display:inline-flex}.reaction-bar__chip:hover:not(:disabled){background:var(--color-band)}.reaction-bar__chip:disabled{cursor:default}.reaction-bar__chip--mine{background:var(--color-band);border-color:var(--color-accent)}.reaction-bar__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-soft)}.reaction-bar__signin{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.page-not-found .container{align-items:center;gap:var(--space-3);padding-block:var(--space-10);text-align:center;flex-direction:column;display:flex}.page-not-found__code{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--color-accent)}.page-not-found__title{font-size:var(--text-3xl)}.page-not-found__body{max-width:40ch;color:var(--color-muted);line-height:var(--leading-normal)}.page-not-found .button{margin-top:var(--space-3)}.post{align-items:flex-start;gap:var(--space-4);flex-direction:column;max-width:46rem;margin-inline:auto;display:flex}.post__title{font-size:var(--text-4xl)}.post__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light)}.post__media{width:100%;margin-block:var(--space-2)}.post__lede{color:var(--color-ink);font-size:var(--text-xl);line-height:var(--leading-normal)}.post__body{gap:var(--space-4);width:100%;color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-normal);flex-direction:column;display:flex}.post__body h2{margin-top:var(--space-3);font-size:var(--text-2xl)}.post__body h3{font-size:var(--text-xl)}.post__body ul,.post__body ol{gap:var(--space-2);flex-direction:column;padding-inline-start:var(--space-5);display:flex}.post__quick{width:100%;padding:var(--space-4) var(--space-5);border:1px dashed var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-band)}.post__quick-title{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg)}.post__quick-list{gap:var(--space-1);line-height:var(--leading-snug);flex-direction:column;padding-inline-start:var(--space-4);display:flex}.post__back{font-family:var(--font-display);font-size:var(--text-base)}@media (width<=640px){.post__title{font-size:var(--text-3xl)}}.about{align-items:flex-start;gap:var(--space-8);display:flex}.about__portrait{flex:none;width:19rem;height:21rem}.about__copy{align-items:flex-start;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.about__title{font-size:var(--text-3xl)}.about__paragraph{max-width:60ch;color:var(--color-muted);line-height:var(--leading-normal)}@media (width<=860px){.about{flex-direction:column;align-items:stretch}.about__portrait{width:100%;max-width:19rem;height:18rem;margin-inline:auto}}.account{align-items:flex-start;gap:var(--space-4);flex-direction:column;max-width:26rem;margin-inline:auto;display:flex}.account__title{font-size:var(--text-3xl)}.account__head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;width:100%;display:flex}.account__dash-link{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.account__dash-link:hover{color:var(--color-accent)}.account__separator{border:none;border-top:1px solid var(--color-band-border);width:100%}.account__subtitle{font-size:var(--text-xl);margin-top:var(--space-3)}.account__quiet{color:var(--color-ink-soft);line-height:var(--leading-normal)}.account__tabs{gap:var(--space-2);display:flex}.account__form{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.account__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted-light);margin-top:var(--space-2)}.account__error{color:var(--color-accent);font-size:var(--text-base)}.account__notice{width:100%;padding:var(--space-3) var(--space-4);border:1px dashed var(--color-band-border);border-radius:var(--radius-lg);background:var(--color-band);color:var(--color-ink-soft)}