:root{--paper: #E9DFC9;--paper-leaf: #F2EADA;--paper-onion: #DCD2BC;--paper-edge: #C9BDA1;--ink: #1B2A4A;--ink-soft: #46536D;--ink-faded: #6C6553;--seal: #8E2B22;--seal-deep: #6B1F19;--brass: #A9884E;--airmail-red: #A4342B;--airmail-blue: #274A82;--deboss: 0 -.5px 0 rgba(27, 42, 74, .16), 0 1px 0 rgba(255, 255, 255, .55);--lift-1: 0 1px 1px rgba(60, 48, 28, .1), 0 2px 6px rgba(60, 48, 28, .07);--lift-2: 0 2px 3px rgba(60, 48, 28, .13), 0 8px 20px rgba(60, 48, 28, .1);--press: inset 0 1px 2px rgba(60, 48, 28, .18);--font-display: "Bodoni Moda", "Noto Serif TC", Georgia, serif;--font-body: "Noto Serif TC", "Songti TC", "PingFang TC", serif;--font-mono: "Courier Prime", "Courier New", ui-monospace, monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: 1.0625rem;--fs-md: 1.25rem;--fs-lg: 1.75rem;--fs-xl: 2.5rem;--lh-body: 1.75;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 2px;--r-md: 3px;--ease: cubic-bezier(.2, .8, .3, 1);--dur: .26s;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--grain-opacity: .055;--laid-opacity: .022}:root[data-theme=night]{--paper: #14161C;--paper-leaf: #1F232C;--paper-onion: #191C24;--paper-edge: #0C0E13;--ink: #E8DFC9;--ink-soft: #B6AE9B;--ink-faded: #8A8271;--seal: #C4463A;--seal-deep: #93332A;--brass: #C9A461;--airmail-red: #C4463A;--airmail-blue: #5B84C4;--deboss: 0 1px 0 rgba(0, 0, 0, .55), 0 -.5px 0 rgba(232, 223, 201, .1);--lift-1: 0 1px 1px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .32);--lift-2: 0 2px 4px rgba(0, 0, 0, .5), 0 10px 26px rgba(0, 0, 0, .42);--press: inset 0 1px 3px rgba(0, 0, 0, .6);--grain-opacity: .05;--laid-opacity: .03}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background-image:var(--grain);opacity:var(--grain-opacity)}body:after{background-image:repeating-linear-gradient(to bottom,var(--ink) 0 1px,transparent 1px 4px);opacity:var(--laid-opacity)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:var(--r-sm)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--seal) 55%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:var(--seal)}.u-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.u-stamp{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded)}.u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.desk{position:relative;z-index:1;height:100%;max-width:760px;margin:0 auto;display:grid;grid-template-areas:"head" "pins" "game" "thread" "blotter";grid-template-rows:auto auto auto minmax(0,1fr) auto}.pins{grid-area:pins}.header{grid-area:head}.thread{grid-area:thread}.blotter{grid-area:blotter}.desk__game{grid-area:game;display:flex;flex-direction:column;min-height:0}.desk__game-inner{overflow-y:auto;max-height:52vh}.desk__game-inner--doodle{overflow:hidden;height:60vh;max-height:60vh}.desk__game-inner--tall{height:82vh;max-height:82vh}@media(min-width:1024px){.desk{max-width:1180px;grid-template-areas:"head game" "pins game" "thread game" "blotter game";grid-template-columns:minmax(0,1fr) var(--rail, 380px);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:var(--s5);padding-right:var(--s5)}.desk__game{min-height:0;padding-top:var(--s4)}.desk__game-inner{max-height:none;flex:1}.desk__game-inner--doodle,.desk__game-inner--tall{height:auto;max-height:none}.desk--doodle{max-width:1440px;--rail: min(560px, 46vw)}.desk--doodle-tall{max-width:1680px;--rail: min(760px, 58vw)}}.header{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s4) var(--s5) var(--s3);border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.header__mark{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:.02em;text-shadow:var(--deboss)}.header__count{color:var(--ink-faded)}.header__spacer{flex:1}.header__presence{display:inline-flex;align-items:center;gap:var(--s2)}.header__dot{width:7px;height:7px;border-radius:50%;background:var(--paper-edge);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent)}.header__dot--on{background:var(--brass);box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 22%,transparent)}.header__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--r-sm);color:var(--ink-faded)}.header__btn:hover{color:var(--ink)}.header__btn svg{display:block}.thread{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--s5) var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s4);scrollbar-width:thin;scrollbar-color:var(--paper-edge) transparent}.thread__more{align-self:center}.thread__empty{margin:auto;max-width:34ch;text-align:center;color:var(--ink-faded)}.thread__empty-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink);margin:0 0 var(--s2);text-shadow:var(--deboss)}.daystamp{display:flex;align-items:center;gap:var(--s3);margin:var(--s5) 0 var(--s2);color:var(--ink-faded)}.daystamp__ring{flex:none;transform:rotate(-6deg);opacity:.72}.daystamp__wave{flex:1;height:14px;opacity:.5}.letter{display:flex;flex-direction:row;align-items:flex-start;gap:var(--s2);max-width:84%;min-width:0;filter:drop-shadow(0 1px 1px rgba(60,48,28,.14)) drop-shadow(0 6px 14px rgba(60,48,28,.09))}:root[data-theme=night] .letter{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 8px 20px rgba(0,0,0,.35))}.letter--mine{align-self:flex-end;flex-direction:row-reverse}.letter--theirs{align-self:flex-start}.letter__body{display:flex;flex-direction:column;min-width:0}.letter--mine .letter__body{align-items:flex-end}.letter--theirs .letter__body{align-items:flex-start}.letter__face{flex:none;width:36px;height:36px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;margin-top:2px}.letter__face:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.letter__face--gap{cursor:default}.faceview{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:var(--s5);background:color-mix(in srgb,var(--ink) 78%,transparent);backdrop-filter:blur(3px)}.faceview__frame{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s4);background:var(--paper-leaf);box-shadow:var(--press),0 18px 40px #00000059}.faceview__img{display:block;width:min(78vw,340px);height:min(78vw,340px);object-fit:cover}.faceview__blank{display:grid;place-items:center;width:min(78vw,340px);height:min(78vw,340px);color:var(--ink-faded);border:1px dashed color-mix(in srgb,var(--ink-faded) 45%,transparent)}.faceview__name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink);text-shadow:var(--deboss)}.faceview__shut{position:absolute;top:var(--s4);right:var(--s4);display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:0;color:var(--paper);cursor:pointer}.letter__sheet{position:relative;min-width:0;max-width:100%;padding:var(--s3) var(--s4) var(--s3);background:var(--paper-leaf);color:var(--ink)}.letter--mine .letter__sheet{background:var(--paper-leaf);clip-path:polygon(0 0,calc(100% - 2px) 0,100% 7%,calc(100% - 3px) 15%,100% 24%,calc(100% - 1px) 35%,calc(100% - 4px) 46%,100% 57%,calc(100% - 2px) 68%,calc(100% - 4px) 78%,100% 88%,calc(100% - 2px) 96%,calc(100% - 3px) 100%,0 100%)}.letter--theirs .letter__sheet{background:var(--paper-onion);clip-path:polygon(2px 0,100% 0,100% 100%,3px 100%,2px 96%,0 88%,4px 78%,2px 68%,0 57%,4px 46%,1px 35%,0 24%,3px 15%,0 7%)}.letter--theirs .letter__sheet:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:repeating-linear-gradient(-45deg,var(--airmail-red) 0 5px,transparent 5px 10px,var(--airmail-blue) 10px 15px,transparent 15px 20px);opacity:.7}.letter--theirs .letter__body{padding-top:var(--s1)}.letter__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:var(--deboss)}.letter__sign{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s1);padding:0 var(--s1)}.letter--mine .letter__sign{justify-content:flex-end}.letter__time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faded);font-variant-numeric:tabular-nums}.letter__read{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--brass);letter-spacing:.08em}.letter__seal{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--seal);letter-spacing:.08em}@keyframes letter-settle{0%{opacity:0;transform:translateY(7px) rotate(.35deg)}to{opacity:1;transform:none}}.letter--enter{animation:letter-settle var(--dur) var(--ease) both}.blotter{border-top:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent);background:color-mix(in srgb,var(--paper-leaf) 45%,var(--paper));padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom))}.blotter__typing{height:18px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faded);letter-spacing:.1em}.composer{display:flex;align-items:flex-end;gap:var(--s3)}.composer__field{flex:1;position:relative;background:var(--paper-leaf);box-shadow:var(--press);padding:var(--s3) var(--s3)}.composer__input{display:block;width:100%;max-height:9rem;min-height:1.75rem;resize:none;border:0;padding:0;background:transparent;color:var(--ink);font:inherit;line-height:1.6}.composer__input:focus{outline:none}.composer__input::placeholder{color:color-mix(in srgb,var(--ink-faded) 75%,transparent)}.composer__field:focus-within{outline:2px solid var(--brass);outline-offset:1px}.composer__tools{display:flex;align-items:center;gap:var(--s1)}@media(max-width:640px){.composer{flex-wrap:wrap;gap:var(--s2)}.composer__field{flex:1 0 100%;order:1}.composer__tools{order:2;flex:1;gap:2px}.send{order:3}.tool{width:34px;height:34px}}.tool{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--ink-faded);border-radius:var(--r-sm);transition:color .14s var(--ease),background-color .14s var(--ease)}.tool:hover{color:var(--ink);background:color-mix(in srgb,var(--paper-edge) 40%,transparent)}.tool--armed{color:var(--seal);background:color-mix(in srgb,var(--seal) 12%,transparent)}.tool[disabled]{opacity:.4;cursor:default}.send{flex:none;padding:var(--s2) var(--s4);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-1);transition:transform 90ms var(--ease),box-shadow 90ms var(--ease),background-color .14s var(--ease)}.send:hover:not([disabled]){box-shadow:var(--lift-2)}.send:active:not([disabled]){transform:translateY(1px);box-shadow:var(--press)}.send[disabled]{opacity:.35;cursor:default}.send--sealed{background:var(--seal)}.burnbar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3);padding:var(--s2) var(--s3);background:color-mix(in srgb,var(--seal) 9%,transparent);border-left:3px solid var(--seal);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--seal);letter-spacing:.06em}.burnbar__group{display:flex;gap:var(--s1)}.burnbar__opt{padding:2px var(--s2);border:1px solid color-mix(in srgb,var(--seal) 35%,transparent);color:var(--seal);border-radius:var(--r-sm)}.burnbar__opt--on{background:var(--seal);color:var(--paper-leaf);border-color:var(--seal)}.burnbar__spacer{flex:1}.wire{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:40;padding:var(--s1) var(--s4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--paper-leaf);background:var(--seal-deep);box-shadow:var(--lift-1)}.gate{min-height:100%;display:grid;place-items:center;padding:var(--s5);position:relative;z-index:1}.gate__card{width:min(100%,380px);background:var(--paper-leaf);padding:var(--s6) var(--s5) var(--s5);box-shadow:var(--lift-2);transform:rotate(-.5deg)}.gate__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--s5);text-shadow:var(--deboss)}.gate__label{display:block;margin-bottom:var(--s4)}.gate__label-text{display:block;margin-bottom:var(--s1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded)}.gate__input{width:100%;padding:var(--s2) 0;border:0;border-bottom:1px solid var(--paper-edge);background:transparent;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base)}.gate__input:focus{outline:none;border-bottom-color:var(--brass);box-shadow:0 1px 0 var(--brass)}.gate__submit{width:100%;margin-top:var(--s2);padding:var(--s3);font-family:var(--font-display);letter-spacing:.08em;color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-1)}.gate__submit:active{transform:translateY(1px);box-shadow:var(--press)}.gate__submit[disabled]{opacity:.5;cursor:default}.gate__error{margin:var(--s4) 0 0;padding:var(--s2) var(--s3);border-left:3px solid var(--seal);background:color-mix(in srgb,var(--seal) 9%,transparent);color:var(--seal);font-size:var(--fs-sm)}@media(max-width:640px){:root{--fs-base: 1rem}.header{padding:var(--s3) var(--s3) var(--s2);gap:var(--s2)}.header__btn{width:32px;height:32px}.header__name{font-size:var(--fs-base)}.thread{padding:var(--s4) var(--s4) var(--s5);gap:var(--s3)}.blotter{padding:var(--s2) var(--s4) calc(var(--s2) + env(safe-area-inset-bottom))}.letter{max-width:88%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.letter__photos{display:grid;gap:var(--s2);margin-bottom:var(--s2)}.letter__photos--grid{grid-template-columns:1fr 1fr}.att{display:block;width:100%}.att--photo{position:relative;aspect-ratio:var(--ratio, 4 / 3);max-height:62vh;padding:5px;background:#faf6ec;box-shadow:var(--lift-1);overflow:hidden}:root[data-theme=night] .att--photo{background:#2a2f3a}.att--photo:hover{box-shadow:var(--lift-2)}.att__img{display:block;width:100%;height:100%;object-fit:cover}.att__blank{display:block;width:100%;height:100%;background:var(--paper-edge)}.att__play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.att__dur{position:absolute;right:10px;bottom:10px;padding:1px 6px;font-size:var(--fs-xs);color:#f4eee0;background:#14100a9e;letter-spacing:.06em}.att--file{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:var(--s2) var(--s3);background:color-mix(in srgb,var(--paper-edge) 32%,transparent);color:var(--ink);text-decoration:none}.att--file:hover{background:color-mix(in srgb,var(--paper-edge) 52%,transparent)}.att__clip{flex:none;color:var(--ink-faded)}.att__meta{display:flex;flex-direction:column;min-width:0}.att__name{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att__size{font-size:var(--fs-xs);color:var(--ink-faded)}.clipping{display:flex;gap:var(--s3);margin-top:var(--s2);padding:var(--s2);background:color-mix(in srgb,var(--paper-edge) 26%,transparent);border-left:2px solid var(--brass);color:var(--ink);text-decoration:none}.clipping:hover{background:color-mix(in srgb,var(--paper-edge) 44%,transparent)}.clipping__img{flex:none;width:76px;height:76px;object-fit:cover}.clipping__text{display:flex;flex-direction:column;gap:2px;min-width:0}.clipping__site{font-size:var(--fs-xs)}.clipping__title{font-size:var(--fs-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clipping__desc{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tray{display:flex;flex-direction:column;gap:var(--s1);margin-bottom:var(--s2)}.tray__item{position:relative;display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);background:color-mix(in srgb,var(--paper-edge) 34%,transparent);font-size:var(--fs-sm)}.tray__item--bad{border-left:3px solid var(--seal);color:var(--seal)}.tray__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray__size{font-size:var(--fs-xs);color:var(--ink-faded)}.tray__item--bad .tray__size{color:var(--seal)}.tray__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.tray__fill{display:block;height:100%;background:var(--brass);transition:width .18s var(--ease)}.tray__x{width:22px;height:22px;color:var(--ink-faded)}.tray__x:hover{color:var(--seal)}.lightbox{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:1fr auto;background:#0e0c08f0}.lightbox__stage{position:relative;overflow:hidden;min-height:0;touch-action:pan-y}.lightbox__track{display:flex;height:100%;transition:transform .28s var(--ease);will-change:transform}.lightbox__track--dragging{transition:none}.lightbox__slide{flex:0 0 100%;display:grid;place-items:center;padding:var(--s4);min-width:0}.lightbox__media{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 48px #0009;-webkit-user-drag:none}.lightbox__step{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;display:grid;place-items:center;font-size:2rem;line-height:1;color:#e8dfc9;background:#14100a66;transition:background-color .14s var(--ease)}.lightbox__step:hover{background:#14100ab3}.lightbox__step--prev{left:0}.lightbox__step--next{right:0}.lightbox__bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));color:#e8dfc9}.lightbox__bar .u-stamp{color:#b6ae9b}.lightbox__count{flex:none;font-size:var(--fs-sm);color:var(--brass)}.lightbox__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox__spacer{flex:1}.lightbox__link{flex:none;color:var(--brass);text-decoration:none}.lightbox__link:hover{color:#e8dfc9}@property --burn{syntax: "<number>"; inherits: false; initial-value: 1;}.envelope{position:relative;display:block;width:100%;padding:var(--s5) 0 var(--s2);text-align:left;transition:transform .12s var(--ease)}.envelope:before{content:"";position:absolute;inset:0 calc(var(--s4) * -1) auto;height:46px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 8%,transparent),transparent);clip-path:polygon(0 0,50% 100%,100% 0);pointer-events:none}.envelope:hover{transform:translateY(-1px)}.envelope:active{transform:translateY(1px)}.envelope--tearing{opacity:.5;pointer-events:none}.envelope__hint{position:relative;display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--seal)}.envelope__wax{flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.burning{--burn: 1;position:relative;transition-property:--burn;transition-timing-function:linear;-webkit-mask-image:radial-gradient(125% 165% at 50% 55%,#000 calc(var(--burn) * 100%),transparent calc(var(--burn) * 100% + 10%));mask-image:radial-gradient(125% 165% at 50% 55%,#000 calc(var(--burn) * 100%),transparent calc(var(--burn) * 100% + 10%))}.burning:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(125% 165% at 50% 55%,transparent calc(var(--burn) * 100% - 12%),color-mix(in srgb,var(--seal) 55%,#2A1608) calc(var(--burn) * 100%),transparent calc(var(--burn) * 100% + 10%));opacity:.8}.burning__tick{position:absolute;top:var(--s2);right:var(--s2);padding:0 5px;font-size:var(--fs-xs);color:var(--paper-leaf);background:var(--seal);pointer-events:none}.letter__wait{font-size:var(--fs-xs);color:var(--ink-faded);letter-spacing:.08em}.ash{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2)}.ash__label{font-size:var(--fs-xs);color:var(--ink-faded);letter-spacing:.1em}.ash__line{flex:1;height:1px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 38%,transparent) 0 3px,transparent 3px 7px)}.archive{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);max-width:860px;margin:0 auto;width:100%}.archive__body{overflow-y:auto;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s5)}.archive__note{margin:0;color:var(--ink-soft);font-size:var(--fs-sm)}.archive__empty{margin:0;color:var(--ink-faded)}.archive__list{display:flex;flex-direction:column;gap:var(--s4)}.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--paper-edge);border:1px solid var(--paper-edge)}.ledger__cell{display:flex;flex-direction:column;gap:2px;padding:var(--s3);background:var(--paper-leaf)}.ledger__k{font-size:var(--fs-xs)}.ledger__v{font-size:var(--fs-md)}.ledger__sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faded)}.record{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--paper-leaf);border-left:3px solid var(--seal);box-shadow:var(--lift-1)}.record__head{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}.record__no{font-size:var(--fs-xs);color:var(--seal)}.record__when{font-size:var(--fs-xs)}.record__spacer{flex:1}.record__mode{font-size:var(--fs-xs);color:var(--seal)}.record__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.record__media{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2)}.record__foot{font-size:var(--fs-xs)}.handle{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s4);border-top:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent);background:color-mix(in srgb,var(--brass) 10%,var(--paper));color:var(--ink-faded)}.handle:hover{color:var(--ink)}.handle__grip{flex:none;width:22px;height:4px;border-radius:2px;background:var(--brass);opacity:.55}.handle__text{flex:1;text-align:left;font-size:var(--fs-xs)}.handle__chevron{font-size:var(--fs-sm)}.doodle .handle{border-bottom:0}.handle--doodle{cursor:default}.doodle__grow,.doodle__shut{flex:none;background:none;border:0;padding:2px 8px;color:var(--ink-faded);font-size:var(--fs-xs);cursor:pointer}.doodle__grow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brass) 50%,transparent);border-radius:999px}.doodle__grow:hover,.doodle__shut:hover{color:var(--seal)}.doodle__grow[aria-pressed=true]{color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}@media(min-width:1024px){.handle{border-top:0}}.board{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);background:color-mix(in srgb,var(--ink) 7%,var(--paper-leaf));box-shadow:var(--press)}.board__head{display:flex;align-items:baseline;gap:var(--s3)}.board__title{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;text-shadow:var(--deboss)}.board__spacer{flex:1}.board__record{font-size:var(--fs-md);color:var(--brass)}.board__dash{color:var(--ink-faded)}.board__draws{font-size:var(--fs-xs);color:var(--ink-faded)}.board__bar{display:flex;align-items:center;gap:var(--s2)}.board__bar .u-stamp{font-size:var(--fs-xs)}.board__clear{color:var(--ink-faded)}.board__clear:hover{color:var(--seal)}.board__setup,.board__stage{display:flex;flex-direction:column;gap:var(--s3)}.board__lede{margin:0;font-size:var(--fs-sm);color:var(--ink-soft)}.board__secret{color:var(--brass);letter-spacing:.3em}.opt{display:flex;align-items:center;gap:var(--s3)}.opt__k{flex:none;width:4.5em;font-size:var(--fs-xs)}.opt__v{display:flex;gap:var(--s1);flex-wrap:wrap}.chip{padding:3px var(--s3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--paper-edge)}.chip:hover{border-color:var(--brass);color:var(--ink)}.chip--on{background:var(--brass);border-color:var(--brass);color:var(--paper-leaf)}.board__go{align-self:flex-start;padding:var(--s2) var(--s5);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em;color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-1)}.board__go:active:not([disabled]){transform:translateY(1px);box-shadow:var(--press)}.board__go[disabled]{opacity:.35;cursor:default}.board__resign{align-self:flex-start;color:var(--ink-faded);font-size:var(--fs-xs)}.board__resign:hover{color:var(--seal)}.board__error{margin:0;padding:var(--s2) var(--s3);border-left:3px solid var(--seal);background:color-mix(in srgb,var(--seal) 10%,transparent);color:var(--seal);font-size:var(--fs-sm)}.board__turn{font-size:var(--fs-xs)}.board__turn--mine{color:var(--brass)}.code{display:flex;gap:var(--s2)}.code__slot{width:2.4rem;height:3rem;text-align:center;font-size:var(--fs-lg);color:var(--ink);background:var(--paper-leaf);border:0;border-bottom:2px solid var(--paper-edge);box-shadow:var(--press)}.code__slot:focus{outline:none;border-bottom-color:var(--brass)}.code__slot:disabled{opacity:.45}.ledgerbook{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.ledgerbook__empty{margin:0;padding:var(--s3) 0;font-size:var(--fs-xs)}.guess{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 45%,transparent)}.guess--theirs{opacity:.78}.guess__no{font-size:var(--fs-xs);color:var(--ink-faded)}.guess__who{flex:none;font-size:var(--fs-xs);width:1.4em}.guess__code{flex:1;font-size:var(--fs-base);letter-spacing:.08em}.guess__pegs{display:flex;gap:3px;align-items:center}.peg{width:9px;height:9px;border-radius:50%}.peg--a{background:var(--brass);box-shadow:inset 0 -1px 1px #0000004d}.peg--b{border:1.5px solid var(--brass)}.peg--none{width:12px;height:1.5px;border-radius:0;background:var(--ink-faded);opacity:.5}.guess__ab{font-size:var(--fs-xs);color:var(--ink-faded);width:3.4em;text-align:right}.verdict{display:flex;align-items:center;gap:var(--s4)}.verdict__seal{flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));transform:rotate(-7deg)}.verdict__text{font-size:var(--fs-base)}.reveal{margin:0;display:flex;flex-direction:column;gap:var(--s1)}.reveal__row{display:flex;align-items:baseline;gap:var(--s3)}.reveal__row dt{flex:none;width:6em;font-size:var(--fs-xs)}.reveal__row dd{margin:0;font-size:var(--fs-md);letter-spacing:.18em;color:var(--brass)}.books{display:flex;flex-direction:column;gap:var(--s3)}.book{display:flex;flex-direction:column;gap:var(--s1)}.book__title{font-size:var(--fs-xs);padding-bottom:var(--s1);border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.book--theirs{opacity:.72}.board__hint{margin:0;font-size:var(--fs-xs);color:var(--seal);font-family:var(--font-mono)}.voice{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2);padding:var(--s2) var(--s3);background:color-mix(in srgb,var(--paper-edge) 28%,transparent)}.voice__key{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-1)}.voice__key--on{background:var(--seal)}.voice__key:active{transform:translateY(1px);box-shadow:var(--press)}.voice__wave{flex:1;height:32px;min-width:0;cursor:pointer}.voice__bar{fill:var(--ink-faded);opacity:.45}.voice__bar--done{fill:var(--brass);opacity:1}.voice__time{flex:none;font-size:var(--fs-xs);color:var(--ink-faded)}.recorder{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:color-mix(in srgb,var(--seal) 10%,transparent);border-left:3px solid var(--seal)}.recorder__dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--seal);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.recorder__label{flex:none;color:var(--seal);font-size:var(--fs-xs)}.recorder__time{flex:none;font-size:var(--fs-base);color:var(--seal)}.recorder__bar{flex:1;height:2px;background:color-mix(in srgb,var(--seal) 22%,transparent)}.recorder__fill{display:block;height:100%;background:var(--seal);transition:width .24s linear}.recorder__drop{flex:none;color:var(--ink-faded);font-size:var(--fs-xs)}.recorder__drop:hover{color:var(--seal)}.composer__error{margin:0 0 var(--s2);padding:var(--s2) var(--s3);border-left:3px solid var(--seal);background:color-mix(in srgb,var(--seal) 9%,transparent);color:var(--seal);font-size:var(--fs-sm)}.avatar{position:relative;flex:none;display:inline-grid;place-items:center;width:var(--av, 34px);height:var(--av, 34px);border-radius:50%;overflow:hidden;background:var(--paper-onion);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent),var(--lift-1)}.avatar__img{width:100%;height:100%;object-fit:cover;display:block}.avatar__monogram{font-family:var(--font-display);font-size:calc(var(--av, 34px) * .46);font-weight:600;color:var(--ink-soft);text-shadow:var(--deboss);line-height:1}.avatar--ring{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent),0 0 0 2px var(--paper),0 0 0 3px color-mix(in srgb,var(--ink-faded) 45%,transparent)}.avatar--online.avatar--ring{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent),0 0 0 2px var(--paper),0 0 0 3px var(--brass)}.header__who{display:flex;flex-direction:column;gap:1px;min-width:0}.header__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:.01em;text-shadow:var(--deboss);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__state{font-size:var(--fs-xs);flex:none}.header__sub{display:flex;align-items:baseline;gap:5px;min-width:0}.header__dot{color:var(--ink-faded);opacity:.5}.header__mood{min-width:0;font-size:var(--fs-xs);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__who{background:none;border:0;padding:0;text-align:left;cursor:pointer}.header__who:disabled{cursor:default}.header__who:not(:disabled):hover .header__mood{color:var(--seal)}.moodedit__gloss{margin:0 0 var(--s2);line-height:1.7}.moodedit{display:flex;gap:var(--s2);margin-bottom:var(--s1)}.moodedit__input{flex:1;min-width:0;padding:var(--s2) var(--s3);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink);background:var(--paper-leaf);border:1px solid color-mix(in srgb,var(--paper-edge) 80%,transparent)}.moodedit__input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.moodedit__save{flex:none;padding:0 var(--s3);font-size:var(--fs-xs);color:var(--brass);cursor:pointer;background:none;border:0;box-shadow:inset 0 0 0 1px currentColor}.moodedit__save:disabled{color:var(--ink-faded);opacity:.5;cursor:default}.moodedit__link{margin-left:var(--s2);padding:0;font-size:var(--fs-xs);color:var(--seal);cursor:pointer;background:none;border:0;text-decoration:underline}.moodbook{position:fixed;inset:0;z-index:62;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--paper)}.moodbook__list{overflow-y:auto;padding:var(--s4) var(--s5) var(--s6)}.moodbook__item{padding:var(--s3) 0;border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 60%,transparent)}.moodbook__item--now .moodbook__text{color:var(--seal)}.moodbook__text{margin:0 0 2px;font-size:var(--fs-md);line-height:1.6}.moodbook__when{display:block;font-size:var(--fs-xs);color:var(--ink-faded)}.moodbook__badge{margin-left:var(--s2);padding:1px 7px;font-size:var(--fs-xs);color:var(--seal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seal) 45%,transparent);border-radius:999px}.header__me{display:inline-flex;padding:2px;border-radius:50%}.header__me:hover .avatar{box-shadow:inset 0 0 0 1px var(--brass),var(--lift-2)}.header{align-items:center}.letter--run{margin-top:var(--s2)}.sheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--s4);background:#0e0c088c}.sheet__card{width:min(100%,400px);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);background:var(--paper-leaf);box-shadow:var(--lift-2)}.sheet__head{display:flex;align-items:baseline;gap:var(--s3)}.sheet__title{margin:0;flex:1;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;text-shadow:var(--deboss)}.sheet__x{color:var(--ink-faded);padding:var(--s1)}.sheet__x:hover{color:var(--seal)}.sheet__row{display:flex;align-items:center;gap:var(--s4)}.sheet__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.sheet__name{font-size:var(--fs-md)}.sheet__sub{font-size:var(--fs-xs)}.sheet__actions{display:flex;gap:var(--s2);flex-wrap:wrap}.sheet__btn{padding:var(--s2) var(--s4);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-1)}.sheet__btn:active:not([disabled]){transform:translateY(1px);box-shadow:var(--press)}.sheet__btn[disabled]{opacity:.4;cursor:default}.sheet__btn--quiet{color:var(--ink-soft);background:transparent;box-shadow:inset 0 0 0 1px var(--paper-edge)}.sheet__btn--quiet:hover{color:var(--seal);box-shadow:inset 0 0 0 1px var(--seal)}.sheet__note{margin:0;font-size:var(--fs-xs);color:var(--ink-faded)}.sheet__error{margin:0;padding:var(--s2) var(--s3);border-left:3px solid var(--seal);background:color-mix(in srgb,var(--seal) 9%,transparent);color:var(--seal);font-size:var(--fs-sm)}.sheet__rule{height:1px;background:color-mix(in srgb,var(--paper-edge) 80%,transparent)}.goban{display:block;width:100%;max-width:420px;margin:0 auto;aspect-ratio:1;box-shadow:var(--lift-1);touch-action:manipulation}.goban--live{cursor:crosshair}.goban__wood{fill:color-mix(in srgb,var(--brass) 22%,var(--paper-leaf))}:root[data-theme=night] .goban__wood{fill:color-mix(in srgb,var(--brass) 14%,var(--paper-leaf))}.goban__grid line{stroke:color-mix(in srgb,var(--ink) 55%,transparent);stroke-width:.35}.goban__star{fill:color-mix(in srgb,var(--ink) 65%,transparent)}.goban__last{stroke:var(--seal);stroke-width:.7}.goban__aim{opacity:.42}.goban__win{stroke:var(--seal);stroke-width:1.4;stroke-linecap:round;opacity:.85}.board__seat{color:var(--ink-faded)}.handle--alert{background:color-mix(in srgb,var(--seal) 12%,var(--paper));border-top-color:color-mix(in srgb,var(--seal) 40%,transparent);border-bottom-color:color-mix(in srgb,var(--seal) 40%,transparent);color:var(--seal)}.handle--alert .handle__grip{background:var(--seal);opacity:.8}.handle--alert .handle__text{color:var(--seal)}.handle__dot{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:var(--seal)}.handle__dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--seal);animation:turn-ping 2.2s var(--ease) infinite}@keyframes turn-ping{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.handle__dot:after{animation:none;opacity:.5}}.cropper{display:flex;flex-direction:column;gap:var(--s3)}.cropper__box{position:relative;width:100%;max-width:280px;margin:0 auto;aspect-ratio:1;overflow:hidden;background:var(--paper-onion);box-shadow:var(--press);cursor:grab;touch-action:none;user-select:none}.cropper__box:active{cursor:grabbing}.cropper__img{position:absolute;top:0;left:0;transform-origin:0 0;max-width:none;-webkit-user-drag:none}.cropper__mask{position:absolute;inset:0;pointer-events:none;background:#14100a80;-webkit-mask:radial-gradient(circle at 50% 50%,transparent 49.5%,#000 50%);mask:radial-gradient(circle at 50% 50%,transparent 49.5%,#000 50%)}.cropper__mask:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper-leaf) 70%,transparent)}.cropper__zoom{display:flex;align-items:center;gap:var(--s3)}.cropper__zoom input{flex:1;accent-color:var(--brass)}.cropper__zoom-mark{color:var(--ink-faded);font-size:var(--fs-sm)}.quoted{display:flex;flex-direction:column;gap:1px;width:100%;min-width:0;max-width:100%;margin-bottom:var(--s2);padding:var(--s1) var(--s2);text-align:left;border-left:2px solid color-mix(in srgb,var(--ink) 35%,transparent);background:color-mix(in srgb,var(--ink) 5%,transparent)}.quoted:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 9%,transparent)}.quoted:disabled{cursor:default;opacity:.7}.quoted--gone{border-left-color:var(--seal)}.quoted__who{font-size:var(--fs-xs)}.quoted--gone .quoted__text{color:var(--seal);font-style:italic}.quoted__text{font-size:var(--fs-sm);line-height:1.5;color:var(--ink-soft);min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.letter__quote{display:inline-flex;padding:2px;color:color-mix(in srgb,var(--ink-faded) 65%,transparent);transition:color .14s var(--ease)}.letter__quote:hover,.letter__quote:focus-visible{color:var(--seal)}@keyframes found-flash{0%{box-shadow:0 0 color-mix(in srgb,var(--brass) 70%,transparent)}35%{box-shadow:0 0 0 5px color-mix(in srgb,var(--brass) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}.letter--found .letter__sheet{animation:found-flash 1.6s var(--ease)}.replying{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:var(--s1) var(--s2);background:color-mix(in srgb,var(--ink) 6%,transparent)}.replying__rule{flex:none;width:2px;align-self:stretch;background:var(--brass)}.replying__body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.replying__who{font-size:var(--fs-xs);color:var(--brass)}.replying__text{font-size:var(--fs-sm);color:var(--ink-soft);min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.replying__x{flex:none;width:24px;height:24px;color:var(--ink-faded)}.replying__x:hover{color:var(--seal)}.header__state--here{color:var(--brass)}.header__state--idle{color:var(--ink-faded)}.header__state--away{color:color-mix(in srgb,var(--ink-faded) 70%,transparent)}.voice--broken{border-left:3px solid var(--seal)}.voice--broken .voice__time{color:var(--seal)}.voice--broken .voice__bar{opacity:.25}.voice__key[disabled]{opacity:.4;cursor:default}.stamp{display:inline-grid;place-items:center;width:var(--sz, 26px);height:var(--sz, 26px);transform:rotate(var(--tilt, 0deg));transition:transform .14s var(--ease),filter .14s var(--ease);filter:drop-shadow(0 1px 1px rgba(60,48,28,.22))}.stamp svg{width:100%;height:100%;overflow:visible}.stamp__ring{fill:none;stroke:currentColor;stroke-width:1.6;opacity:.85}.stamp__ring--outer{stroke-width:1;opacity:.55}.stamp__glyph{fill:currentColor;font-family:var(--font-body);font-size:15px;font-variant-emoji:text}.stamp--seal{color:var(--seal)}.stamp--ink{color:var(--ink-soft)}.stamp--brass{color:var(--brass)}button.stamp{cursor:pointer;padding:0;background:none;border:0}button.stamp:hover{transform:rotate(var(--tilt, 0deg)) scale(1.12)}button.stamp:active{transform:rotate(var(--tilt, 0deg)) scale(.94)}.stamprow{display:flex;gap:2px;justify-content:flex-end;margin:var(--s2) calc(var(--s1) * -1) calc(var(--s2) * -1) 0}.letter--theirs .stamprow{justify-content:flex-start;margin-left:calc(var(--s1) * -1);margin-right:0}.letter__stampwrap{position:relative;display:inline-flex}.letter__quote--on{color:var(--seal)}.stampbox{position:absolute;bottom:calc(100% + 6px);right:0;z-index:30;display:flex;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--paper-leaf);box-shadow:var(--lift-2)}.letter--theirs .stampbox{right:auto;left:0}.stampbox{flex-wrap:nowrap;max-width:min(92vw,340px)}@media(max-width:400px){.stampbox{gap:2px;padding:var(--s2) var(--s2)}.stampbox .stamp{--sz: 26px !important}}.unread{display:flex;align-items:center;gap:var(--s3);margin:var(--s3) 0;color:var(--seal)}.unread__rule{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--seal) 0 5px,transparent 5px 10px);opacity:.7}.unread__label{flex:none;font-size:var(--fs-xs);color:var(--seal)}.tolatest{position:absolute;right:var(--s5);bottom:calc(var(--s5) + 64px);z-index:20;display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);color:var(--paper-leaf);background:var(--ink);box-shadow:var(--lift-2);transition:transform .12s var(--ease)}.tolatest:hover{transform:translateY(-1px)}.tolatest:active{transform:translateY(1px)}.tolatest__count{font-size:var(--fs-xs);padding:0 5px;color:var(--ink);background:var(--brass);border-radius:999px}.tolatest__arrow{font-size:var(--fs-sm);line-height:1}@media(max-width:640px){.tolatest{right:var(--s4);bottom:calc(var(--s4) + 60px)}}@media(min-width:1024px){.tolatest{right:calc(380px + var(--s5) * 2)}}.finder{position:fixed;inset:0;height:100dvh;z-index:55;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--paper);overscroll-behavior:contain}.finder__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);padding-top:calc(var(--s3) + env(safe-area-inset-top));background:var(--paper);border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.finder__back,.finder__clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-faded)}.finder__back:hover,.finder__clear:hover{color:var(--ink)}.finder__clear{font-size:var(--fs-sm)}.finder__input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);-webkit-appearance:none}.finder__input:focus{outline:none}.finder__input::placeholder{color:color-mix(in srgb,var(--ink-faded) 70%,transparent)}.finder__filters{display:flex;gap:var(--s1);padding:var(--s2) var(--s4);overflow-x:auto;scrollbar-width:none}.finder__filters::-webkit-scrollbar{display:none}.finder__filters .chip{flex:none}.finder__body{overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s4) calc(var(--s6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s2)}.finder__hint{margin:var(--s5) 0;color:var(--ink-faded);text-align:center}.finder__count{font-size:var(--fs-xs);padding:var(--s2) 0}.finder__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.found{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;padding:var(--s2) var(--s3);text-align:left;background:var(--paper-leaf);border-left:2px solid var(--paper-edge);box-shadow:var(--lift-1)}.found:hover{border-left-color:var(--brass)}.found__meta{font-size:var(--fs-xs)}.found__text{font-size:var(--fs-sm);line-height:1.6;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.found__tag{font-size:var(--fs-xs);color:var(--brass)}.hit{background:color-mix(in srgb,var(--brass) 40%,transparent);color:inherit;border-radius:2px;padding:0 1px}.letter__sheet--unsent{background:transparent;box-shadow:none;padding:var(--s2) var(--s3);border:1px dashed color-mix(in srgb,var(--ink-faded) 45%,transparent)}.letter--mine .letter__sheet--unsent,.letter--theirs .letter__sheet--unsent{clip-path:none}.letter--theirs .letter__sheet--unsent:before{display:none}.unsent{margin:0;font-size:var(--fs-sm);font-style:italic;color:var(--ink-faded)}.letter__edited{font-size:var(--fs-xs);color:var(--ink-faded);opacity:.75}.amend{display:flex;flex-direction:column;gap:var(--s2)}.amend__input{width:100%;min-height:1.7rem;max-height:12rem;resize:none;border:0;border-bottom:1px solid var(--brass);padding:0 0 var(--s1);background:transparent;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body)}.amend__input:focus{outline:none}.amend__actions{display:flex;gap:var(--s2)}.amend__btn{padding:2px var(--s3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--paper-leaf);background:var(--ink)}.amend__btn--quiet{color:var(--ink-soft);background:transparent;box-shadow:inset 0 0 0 1px var(--paper-edge)}.amend__btn--quiet:hover{color:var(--seal);box-shadow:inset 0 0 0 1px var(--seal)}.amendbox{position:absolute;bottom:calc(100% + 6px);right:0;z-index:30;display:flex;flex-direction:column;min-width:88px;background:var(--paper-leaf);box-shadow:var(--lift-2)}.letter--theirs .amendbox{right:auto;left:0}.amendbox__item{padding:var(--s2) var(--s4);text-align:left;font-size:var(--fs-sm);color:var(--ink);white-space:nowrap}.amendbox__item:hover{background:color-mix(in srgb,var(--paper-edge) 45%,transparent)}.amendbox__item--warn{color:var(--seal)}.album{position:fixed;inset:0;height:100dvh;z-index:56;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--paper);overscroll-behavior:contain}.album__title{flex:1;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;text-shadow:var(--deboss)}.album__tally{flex:none;font-size:var(--fs-xs)}.album__body{overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s4) calc(var(--s6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s5)}.album__month{display:flex;flex-direction:column;gap:var(--s2)}.album__monthname{margin:0;font-size:var(--fs-xs);padding-bottom:var(--s1);border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.album__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s2)}@media(min-width:700px){.album__grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.tile{position:relative;aspect-ratio:1;padding:4px;background:#faf6ec;box-shadow:var(--lift-1);overflow:hidden;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}:root[data-theme=night] .tile{background:#2a2f3a}.tile:hover{transform:translateY(-2px);box-shadow:var(--lift-2)}.tile__img{display:block;width:100%;height:100%;object-fit:cover}.tile__blank{display:block;width:100%;height:100%;background:var(--paper-edge)}.tile__badge{position:absolute;right:6px;bottom:6px;padding:0 4px;font-size:var(--fs-xs);color:#f4eee0;background:#14100a9e}.tile__mine{position:absolute;left:6px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 1.5px #faf6eccc}.album__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.album__row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);background:var(--paper-leaf);box-shadow:var(--lift-1)}.album__row>:first-child{flex:1;min-width:0;margin-bottom:0}.album__goto{flex:none;font-size:var(--fs-xs);color:var(--brass)}.album__goto:hover{color:var(--ink)}.doodle{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%}.doodle__body{display:flex;flex-direction:column;min-height:0;padding:var(--s2) 0 0;background:color-mix(in srgb,var(--ink) 7%,var(--paper-leaf));box-shadow:var(--press)}.doodle__aside{margin:0;padding:0 var(--s4) var(--s2);font-size:var(--fs-xs);color:var(--ink-faded)}.doodle__who{flex:none;font-size:var(--fs-xs)}.doodle__who--on{color:var(--brass)}.doodle__stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--s2)}.doodle__paper{aspect-ratio:1 / 1;max-width:100%;max-height:100%;margin:0 auto;background:var(--paper-leaf);border:1px solid color-mix(in srgb,var(--paper-edge) 80%,transparent);box-shadow:0 1px 3px #0000001f;touch-action:none}.doodle__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.doodle__tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-top:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.doodle__inks,.doodle__widths{display:flex;gap:var(--s1)}.doodle__spacer{flex:1}.doodle__btn{padding:var(--s2) var(--s3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--paper-edge)}.doodle__btn:hover:not([disabled]){color:var(--seal);box-shadow:inset 0 0 0 1px var(--seal)}.doodle__btn[disabled]{opacity:.35;cursor:default}.doodle__btn--call{color:var(--seal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seal) 45%,transparent)}.nib{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.nib--ink{background:var(--ink)}.nib--seal{background:var(--seal)}.nib--brass{background:var(--brass)}.nib--soft{background:var(--ink-soft)}.nib--on{transform:scale(1.12);box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--brass)}.tipsize{width:30px;height:30px;display:inline-grid;place-items:center;box-shadow:inset 0 0 0 1px var(--paper-edge)}.tipsize__dot{width:var(--d);height:var(--d);border-radius:50%;background:var(--ink-soft)}.tipsize--on{box-shadow:inset 0 0 0 1px var(--brass)}.tipsize--on .tipsize__dot{background:var(--ink)}.joindoodle{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s4);border-top:1px solid color-mix(in srgb,var(--brass) 40%,transparent);background:color-mix(in srgb,var(--brass) 12%,var(--paper));color:var(--ink)}.joindoodle:hover{background:color-mix(in srgb,var(--brass) 20%,var(--paper))}.joindoodle__nib{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brass);animation:turn-ping 2.2s var(--ease) infinite}.joindoodle__text{flex:1;text-align:left;font-size:var(--fs-xs)}.joindoodle--live{background:color-mix(in srgb,var(--brass) 22%,var(--paper))}.joindoodle--live:hover{background:color-mix(in srgb,var(--brass) 30%,var(--paper))}.joindoodle__go{flex:none;font-size:var(--fs-xs);color:var(--seal);border:1px solid color-mix(in srgb,var(--seal) 45%,transparent);border-radius:999px;padding:2px 10px}@media(prefers-reduced-motion:reduce){.joindoodle__nib{animation:none}}.doodle__call{flex:none;font-size:var(--fs-xs);color:var(--seal);background:none;border:1px solid color-mix(in srgb,var(--seal) 45%,transparent);border-radius:999px;padding:3px 11px;cursor:pointer}.doodle__call:hover:not(:disabled){background:color-mix(in srgb,var(--seal) 12%,transparent)}.doodle__call:disabled{color:var(--ink-faded);border-color:color-mix(in srgb,var(--ink-faded) 35%,transparent);cursor:default}.doodle__note{margin:0;padding:var(--s2) var(--s4);font-size:var(--fs-xs);color:var(--ink-faded);text-align:center}.yami{position:fixed;left:10px;bottom:calc(var(--yami-floor, 92px) + env(safe-area-inset-bottom));z-index:6;width:64px;height:64px;pointer-events:none;will-change:transform}.yami__body{width:100%;height:100%;transform-origin:50% 100%}@keyframes yami-breathe{0%,to{transform:scale(calc(1 + var(--bx)),calc(1 - var(--by)))}50%{transform:scale(calc(1 - var(--bx)),calc(1 + var(--by)))}}.yami #yami-figure,.yami #yami-vine{transform-box:view-box;transform-origin:256px 512px;animation:yami-breathe 6s ease-in-out infinite}.yami #yami-figure{--bx: .0198;--by: .036}.yami #yami-vine{--bx: .0067;--by: .0122}.yami--sleep #yami-figure,.yami--sleep #yami-vine{animation-duration:10.5s}.yami--sleep #yami-figure{--bx: .0303;--by: .055}.yami--sleep #yami-vine{--bx: .0103;--by: .0187}.yami__body svg{display:block;width:100%;height:100%}.yami #yami-eyes-shut,.yami #yami-eyes-happy,.yami #yami-eyes-sad,.yami #yami-mouth-open,.yami #yami-mouth-frown,.yami #yami-mouth-o,.yami #yami-tears,.yami--shut #yami-eyes,.yami--shut #yami-shine{display:none}.yami--shut #yami-eyes-shut{display:block}.yami--happy #yami-eyes,.yami--happy #yami-shine,.yami--happy #yami-mouth{display:none}.yami--happy #yami-eyes-happy,.yami--happy #yami-mouth-open{display:block}.yami--cry #yami-eyes,.yami--cry #yami-shine,.yami--cry #yami-mouth{display:none}.yami--cry #yami-eyes-sad,.yami--cry #yami-mouth-frown,.yami--cry #yami-tears{display:block}.yami--wow #yami-mouth{display:none}.yami--wow #yami-mouth-o{display:block}.yami--sleep .yami__body{opacity:.9}@media(max-width:640px){.yami{width:54px;height:54px;--yami-floor: 148px}}@media(prefers-reduced-motion:reduce){.yami{transition:none}.yami #yami-figure,.yami #yami-vine{animation:none}}@keyframes poke-shake{0%,to{transform:translateZ(0)}15%{transform:translate3d(-3px,1px,0)}35%{transform:translate3d(3px,-1px,0)}55%{transform:translate3d(-2px,-1px,0)}75%{transform:translate3d(2px,1px,0)}}.desk--poked{animation:poke-shake .42s var(--ease)}@keyframes poke-press{0%{opacity:0;transform:scale(1.5)}22%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.poke{position:fixed;inset:0;z-index:75;display:grid;place-items:center;pointer-events:none;color:var(--seal);animation:poke-press .9s var(--ease) forwards}.poke svg{width:min(38vw,190px);height:auto}.tool--poked{color:var(--seal)}@media(prefers-reduced-motion:reduce){.desk--poked{animation:none}.poke{animation:none;opacity:.5}}.stampbox__more{flex:none;align-self:center;padding:3px 9px;white-space:nowrap;font-size:var(--fs-xs);color:var(--ink-faded);cursor:pointer;background:none;border:0;box-shadow:inset 0 0 0 1px currentColor;border-radius:999px}.stampbox__more:hover{color:var(--seal)}.emosheet{position:fixed;inset:0;z-index:72;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--ink) 45%,transparent)}.emosheet__body{width:100%;max-width:480px;max-height:72vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--s2) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));background:var(--paper-leaf);box-shadow:0 -8px 28px #00000047}.emosheet__grip{width:38px;height:4px;margin:var(--s1) auto var(--s3);border-radius:2px;background:color-mix(in srgb,var(--ink-faded) 45%,transparent)}.emosheet__label{display:block;margin-bottom:2px;font-size:var(--fs-xs);color:var(--ink-faded)}.emosheet__tabs{display:flex;gap:2px;margin:var(--s2) 0;overflow-x:auto;overscroll-behavior-x:contain}.emosheet__tab{flex:none;padding:3px 9px;white-space:nowrap;font-size:var(--fs-xs);color:var(--ink-faded);background:none;border:0;cursor:pointer}.emosheet__tab--on{color:var(--seal);box-shadow:inset 0 -1px 0 var(--seal)}.emosheet__grid{display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emobtn{display:grid;place-items:center;aspect-ratio:1;padding:0;font-size:24px;line-height:1;background:none;border:0;cursor:pointer;border-radius:6px}.emobtn:hover{background:color-mix(in srgb,var(--brass) 20%,transparent)}.stamp--plain{display:grid;place-items:center}.stamp--plain .stamp__emoji{display:grid;place-items:center;width:var(--sz);height:var(--sz);font-size:calc(var(--sz) * .58);line-height:1;border-radius:50%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink-faded) 55%,transparent);background:color-mix(in srgb,var(--paper) 60%,transparent)}.stamp--plain.stamp--both .stamp__emoji{box-shadow:inset 0 0 0 1.5px var(--brass),inset 0 0 0 3.5px color-mix(in srgb,var(--paper) 80%,transparent),inset 0 0 0 5px var(--brass)}.zy{display:flex;flex-direction:column;gap:var(--s3)}.zy__note,.zy__wait{margin:0;font-size:var(--fs-xs);color:var(--ink-faded);line-height:1.6}.zy__fields{display:flex;flex-direction:column;gap:var(--s2)}.zy__input{min-width:0;width:100%;padding:var(--s2) var(--s3);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink);background:var(--paper-leaf);border:1px solid color-mix(in srgb,var(--paper-edge) 80%,transparent);border-radius:0}.zy__input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.zy__mine,.zy__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.zy__mineitem{display:flex;align-items:baseline;gap:var(--s3)}.zy__clue{font-size:var(--fs-lg);letter-spacing:.22em;color:var(--brass);text-shadow:var(--deboss)}.zy__word{font-size:var(--fs-sm);color:var(--ink-faded)}.zy__score{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-xs);color:var(--ink-faded)}.zy__dash{opacity:.5}.zy__clock{margin-left:auto;color:var(--brass);font-variant-numeric:tabular-nums}.zy__item{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);background:color-mix(in srgb,var(--paper-leaf) 70%,transparent);border-left:2px solid transparent}.zy__item--got{border-left-color:var(--brass)}.zy__item--gave{border-left-color:color-mix(in srgb,var(--ink-faded) 60%,transparent);opacity:.75}.zy__head{display:flex;align-items:baseline;gap:var(--s2)}.zy__miss{margin-left:auto;font-size:var(--fs-xs);color:var(--seal)}.zy__got{margin-left:auto;font-size:var(--fs-xs);color:var(--brass)}.zy__gave{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-faded)}.zy__answer{margin:0;font-size:var(--fs-md);color:var(--ink)}.zy__try{display:flex;align-items:stretch;gap:var(--s2)}.zy__try .zy__input{flex:1}.zy__send,.zy__giveup{flex:none;padding:0 var(--s3);font-size:var(--fs-xs);cursor:pointer;background:none;border:0;box-shadow:inset 0 0 0 1px currentColor}.zy__send{color:var(--brass)}.zy__giveup{color:var(--ink-faded)}.zy__send:disabled{opacity:.35;cursor:default}.zy__send:hover:not(:disabled),.zy__giveup:hover{color:var(--seal)}.zy__verdict{margin:0;display:flex;flex-direction:column;gap:var(--s1);font-family:var(--font-display);font-size:var(--fs-lg);color:var(--seal);text-shadow:var(--deboss)}.zy__verdict-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-faded)}.board__go--quiet{background:none;color:var(--ink-faded);box-shadow:inset 0 0 0 1px currentColor}.dropzone{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(2px);pointer-events:none}.dropzone__box{padding:var(--s4) var(--s6);font-size:var(--fs-sm);color:var(--seal);background:var(--paper-leaf);border:2px dashed color-mix(in srgb,var(--seal) 50%,transparent);box-shadow:var(--press)}.pins{background:color-mix(in srgb,var(--brass) 10%,var(--paper));border-bottom:1px solid color-mix(in srgb,var(--brass) 35%,transparent)}.pins__bar,.pins__head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4)}.pins__tack{flex:none;width:10px;height:10px;border-radius:50%;background:var(--brass);box-shadow:inset 0 -1px 1px #0000004d,0 1px 1px #3c301c40}.pins__peek{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--s2);text-align:left}.pins__label{flex:none;font-size:var(--fs-xs);color:var(--brass)}.pins__text{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins__text--gone{color:var(--ink-faded);font-style:italic}.pins__spacer{flex:1}.pins__more{flex:none;font-size:var(--fs-xs);color:var(--ink-faded)}.pins__more:hover{color:var(--ink)}.pins__x{flex:none;width:28px;height:28px;display:inline-grid;place-items:center;font-size:var(--fs-sm);color:var(--ink-faded)}.pins__x:hover{color:var(--seal)}.pins__items{list-style:none;margin:0;padding:0 var(--s4) var(--s2);display:flex;flex-direction:column;gap:var(--s1);max-height:44vh;overflow-y:auto}.pinned{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);background:var(--paper-leaf);box-shadow:var(--lift-1)}.pinned__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.pinned__text{font-size:var(--fs-sm);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned__meta{font-size:var(--fs-xs)}.letter__pinned{font-size:var(--fs-xs);color:var(--brass);letter-spacing:.1em}