.desk-page{--ground:#241d18;--ground-ink:#e9dfcb;--margin-l:clamp(28px, 6vw, 80px);--margin-r:clamp(20px, 3vw, 44px);flex-direction:column;min-height:100dvh;display:flex;position:relative}html:has(.desk-page){scroll-padding-top:calc(68px + env(safe-area-inset-top,0px));background:#241d18}:is(html:has(.desk-page.home-v3),body:has(.desk-page.home-v3)){height:auto;min-height:100%}body:has(.desk-page){background:#241d18;overflow-x:clip}body:has(.desk-page):before{display:none!important}body:has(.desk-page):after{display:none!important}.desk-page .desk{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.desk-page .desk__cloth{background:var(--ground) url(/assets/letter/desk-tile.webp) repeat;height:calc(100% + 640px);filter:brightness(var(--desk-bright,1.86)) contrast(var(--desk-contrast,.94));will-change:transform;background-size:640px 640px;position:absolute;top:0;left:0;right:0}.desk-page .desk__cloth:after{content:"";opacity:var(--desk-warm,.56);mix-blend-mode:soft-light;background:#c89a62;position:absolute;inset:0}.desk-page .desk__shade{background:radial-gradient(ellipse at 50% 46%, #08060400 var(--desk-vig-in,55%), rgba(8, 6, 4, var(--desk-vig,.48)) var(--desk-vig-out,100%));position:absolute;inset:0}.desk-page #desk-dust{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (max-width:760px){.desk-page .desk__cloth{background-image:url(/assets/letter/desk-tile-512.webp);background-size:400px 400px;height:calc(100% + 400px)}.desk-page #desk-dust{display:none}}@media (prefers-reduced-motion:reduce){.desk-page .desk__cloth{transform:none!important}.desk-page #desk-dust{display:none!important}}.desk-page .desk-main,.desk-page .site-footer{z-index:1;position:relative}.desk-page .desk-main{flex:1 0 auto;padding:0 8px}.home-v3.desk-page .reply{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin-bottom:0;display:block}.home-v3.desk-page .reply--narrow{width:min(100%,720px)}.home-v3.desk-page .reply--narrow .reply__sec{padding-right:0}@media (max-width:760px){.desk-page .reply,.desk-page .reply:before{background-image:url(/assets/letter/letter-tile-600.webp);background-size:600px 774px}}.home-v3.desk-page .reply .hand-title{max-width:none;font:600 clamp(2.3rem, 1.8rem + 1.8vw, 3rem) / 1.05 var(--hand);letter-spacing:0;color:var(--red);transform-origin:0;margin:0 0 18px;transform:rotate(-1.2deg)}.home-v3.desk-page .reply .hand-label{max-width:none;font:600 1.75rem/1.1 var(--hand);letter-spacing:0;color:var(--rink);transform-origin:0;margin:0 0 8px;display:block;transform:rotate(-.8deg)}.desk-page .field-label{font:500 .76rem/1.4 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--rink-soft);margin:0;display:block}.desk-page .line-input,.desk-page .line-select{width:100%;color:var(--rink);caret-color:var(--wax-bright);transition:border-color .2s var(--ease-out);background-color:#0000;border:0;border-bottom:1px solid #1c1a1659;border-radius:0;margin:0;display:block}.desk-page .line-input{font:600 1.7rem/1.2 var(--hand-stack);padding:4px 0 7px}.desk-page .line-input::placeholder{color:#1c1a166b;font-weight:600}.desk-page .line-select{appearance:none;font:400 1.1rem/1.3 var(--serif);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%234A4336' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;background-size:12px 8px;padding:7px 26px 8px 0}.desk-page .line-select[data-empty=true]{color:#1c1a1673}.desk-page .line-select option{color:#1c1a16;background:#ede3cf}.home-v3.desk-page .reply .line-input:focus-visible,.home-v3.desk-page .reply .line-select:focus-visible{border-bottom-color:var(--wax);outline:none}.desk-page .line-input:disabled{opacity:.6}.desk-page .text-link{cursor:pointer;font:500 .82rem/1 var(--serif);letter-spacing:.06em;text-transform:uppercase;color:var(--rink-soft);text-underline-offset:4px;transition:color .16s var(--ease-out), text-decoration-color .16s var(--ease-out);background:0 0;border:0;padding:6px 0;-webkit-text-decoration:underline #4a433659;text-decoration:underline #4a433659;text-decoration-thickness:1px}.desk-page .text-link:hover,.desk-page .text-link:focus-visible{color:var(--wax);-webkit-text-decoration-color:var(--wax);text-decoration-color:var(--wax)}.desk-page .text-link:disabled{opacity:.4;cursor:default;color:var(--rink-soft);text-decoration-color:#4a433659}.home-v3.desk-page .reply :focus-visible{outline:2px solid var(--wax);outline-offset:4px}.desk-page .hand-link{cursor:pointer;font:600 1.3rem/1 var(--hand);color:var(--rink-soft);text-underline-offset:5px;transition:color .16s var(--ease-out), text-decoration-color .16s var(--ease-out);background:0 0;border:0;padding:2px 0;-webkit-text-decoration:underline #4a43364d;text-decoration:underline #4a43364d;text-decoration-thickness:1px;transform:rotate(-1.5deg)}.desk-page .hand-link:hover,.desk-page .hand-link:focus-visible{color:var(--wax);-webkit-text-decoration-color:var(--wax);text-decoration-color:var(--wax)}.desk-page .margin-note{right:var(--margin-r);width:var(--note-col);font:600 var(--fs-hand) / 1.2 var(--hand);color:var(--wax);transform:rotate(var(--tilt,-1.4deg));transform-origin:0 0;margin:0;position:absolute}.desk-page .margin-note.is-new{animation:margin-note-in .52s var(--ease-out) both}@keyframes margin-note-in{0%{opacity:0;transform:translateY(4px) rotate(var(--tilt,-1.4deg))}to{opacity:1;transform:rotate(var(--tilt,-1.4deg))}}@media (max-width:980px){.desk-page .margin-note{width:auto;max-width:28ch;margin:8px 0 0;position:static}}@media (prefers-reduced-motion:reduce){.desk-page .margin-note.is-new{animation:none}}.desk-page .colophon{max-width:62ch;font:400 .9rem/1.6 var(--serif);color:var(--rink-soft);margin:0}.desk-page .reply p.colophon{color:var(--rink-soft);margin:0 0 8px;font-size:.9rem;line-height:1.6}.desk-page a.text-link{display:inline-block}.desk-page .colophon--links{flex-wrap:wrap;gap:4px 26px;display:flex}.home-v3.desk-page .reply p.reply__kicker{font:600 clamp(1.9rem, 1.6rem + 1vw, 2.3rem) / 1.1 var(--hand);color:var(--red);margin:0 0 12px}.home-v3.desk-page .reply p.reply__kicker.write.is-on{transform:rotate(-1.2deg)}.home-v3.desk-page .reply p.reply__sign{max-width:none;font:600 1.5rem/1.2 var(--hand);color:var(--red);margin:12px 0 0}
