html.on-mail{--page:#0f131a;--trace:#ff7a3d;--letter:linear-gradient(180deg, #1d222c, #171b23);--post:#e6ddcb}:root[data-theme=light].on-mail{--page:#dfe6ee;--trace:#e8500f;--letter:linear-gradient(180deg, #fff, #f4f6f9)}@media (prefers-color-scheme:light){html.on-mail:not([data-theme=dark]){--page:#dfe6ee;--trace:#e8500f;--letter:linear-gradient(180deg, #fff, #f4f6f9)}}.fm{width:100%;max-width:var(--col);padding:calc(var(--safe-t) + var(--header-h) + 8px) var(--gutter) calc(var(--safe-b) + var(--dock-h) + 48px);margin:0 auto;position:relative}.fm>*{z-index:1;position:relative}.fm>.fm-ground{z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 3px, #a0bee606 3px 4px), radial-gradient(80% 40% at 50% 18%, #78a0e61a, transparent 70%), var(--page);position:fixed;inset:0}:root[data-theme=light] .fm>.fm-ground{background:repeating-linear-gradient(0deg, transparent 0 3px, #28467809 3px 4px), var(--page)}.fm-skel{flex-direction:column;gap:16px;padding-top:8px;display:flex}.fm-empty{padding-top:26vh}.fm section{animation:rise var(--t-enter) var(--ease) both}.fm-letter{border-radius:var(--r-l);background:var(--letter);box-shadow:var(--bevel), var(--drop), 0 24px 40px -24px #0000008c;position:relative;overflow:hidden}.fm-airmail{opacity:.92;background:repeating-linear-gradient(-45deg,#d7372b 0 10px,#0000 10px 15px,#2b5bb0 15px 25px,#0000 25px 30px);height:9px}.fm-letter-in{flex-direction:column;padding:18px;display:flex}.fm-feel{font:800 34px/1.05 var(--display);letter-spacing:-.035em;margin-top:8px}.fm-big{align-items:flex-end;gap:10px;margin-top:14px;display:flex}.fm-big>b{font:800 56px/.9 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--wanted-text)}.fm-big>span{font:600 16px/1.15 var(--display);color:var(--ink);flex-direction:column;gap:3px;padding-bottom:3px;display:flex}.fm-big em{font:500 13.5px var(--body);color:var(--ink-3);font-style:normal}.fm-big em.up{color:var(--ok-text)}.fm-lead{color:var(--ink-2);margin-top:14px;font-size:15px;line-height:1.42}.fm-lead b{color:var(--ink);font-weight:650}.fm-trace{margin-top:16px}.fm-read{color:var(--ink-3);justify-content:space-between;align-items:baseline;margin:0 2px 8px;font-size:13px;display:flex}.fm-read b{font:700 14px var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.fm-screen{border-radius:var(--r-m);background:var(--well-bg);height:104px;box-shadow:var(--well);touch-action:pan-y;cursor:crosshair;padding:4px;position:relative}.fm-screen svg{width:100%;height:100%;display:block;overflow:visible}.fm-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.fm-week{stroke:var(--line-2);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.fm-line{fill:none;stroke:var(--trace);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .9s var(--ease) .16s forwards}@keyframes draw{to{stroke-dashoffset:0}}.fm-cursor{stroke:var(--ink-3);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.5}.fm-dot{left:calc(4px + (100% - 8px) * var(--fx));top:calc(4px + (100% - 8px) * var(--fy));background:var(--trace);width:10px;height:10px;box-shadow:0 0 0 2.5px var(--well-bg);pointer-events:none;transition:left .12s var(--ease), top .12s var(--ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.fm-dot.live:after{content:"";border:1.5px solid var(--trace);animation:ping 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes ping{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.fm-axis{font:600 11px var(--body);color:var(--ink-3);justify-content:space-between;margin:6px 4px 0;display:flex}.fm-axis span:last-child{text-align:left;width:50%;padding-left:4px}.fm-needs{flex-direction:column;gap:12px;display:flex}.fm-note{border-radius:var(--r-l);background:var(--raise);box-shadow:var(--bevel), var(--drop);animation:rise var(--t-enter) var(--ease) both;animation-delay:calc(var(--i) * 70ms + 80ms);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.fm-note-h{align-items:center;gap:10px;display:flex}.fm-note p{font-size:16px;line-height:1.42}.fm-note .btn{margin-top:2px}.fm-new{border-radius:var(--r-pill);font:700 11px var(--body);color:var(--wanted-text);background:var(--wanted-tint);margin-left:auto;padding:3px 8px;font-style:normal}.fm-seal,.fm-wax{color:#ffe9dc;background:radial-gradient(70% 60% at 38% 30%,#ffc8aa73,#0000 60%),radial-gradient(circle at 50% 55%,#c0381c,#8e2410);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffdcc859,inset 0 -2px 3px #3c0a0073,0 0 0 2px #96281259,0 2px 4px #00000059}.fm-seal{width:34px;height:34px}.fm-climb,.fm-sigs{list-style:none;overflow:hidden}.fm-climb li+li button,.fm-sigs li+li{border-top:1px solid var(--line)}.fm-climb button{text-align:left;width:100%;min-height:60px;transition:background-color var(--t-fade);grid-template-columns:minmax(0,1fr) 76px 52px 16px;align-items:center;gap:12px;padding:8px 14px 8px 16px;display:grid}.fm-climb button:active{background:var(--veil)}.fm-climb-t{flex-direction:column;min-width:0;display:flex}.fm-climb-t b{font:700 16.5px/1.2 var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fm-climb-t em{font:500 13px var(--body);color:var(--ink-3);font-style:normal}.fm-bar{background:var(--well-bg);height:10px;box-shadow:var(--well);border-radius:6px;padding:2px}.fm-bar i{height:100%;width:var(--w);transform-origin:0;animation:grow .62s var(--ease) both;animation-delay:calc(var(--i) * 60ms + .16s);background:linear-gradient(#ff9257,#e8500f);border-radius:4px;display:block;box-shadow:inset 0 1px #ffecdc80}@keyframes grow{0%{transform:scaleX(0)}}.fm-togo{font:500 11.5px var(--body);color:var(--ink-3);flex-direction:column;align-items:flex-end;display:flex}.fm-togo b{font:750 17px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.fm-sigs li{align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex}.fm-wax{width:38px;height:38px;font:800 13px var(--display);text-shadow:0 -1px #3c0a0080}.fm-sig-t{flex-direction:column;min-width:0;display:flex}.fm-sig-t b{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.fm-sig-t em{color:var(--ink-3);font-size:13px;font-style:normal}.fm-about{margin:-2px 4px 12px;font-size:14.5px;line-height:1.4}.fm-cards{margin:0 calc(var(--gutter) * -1);padding:6px calc(var(--gutter) + 4px) 22px;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--gutter) + 4px);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.fm-cards::-webkit-scrollbar{display:none}.fm-card{scroll-snap-align:start;background:var(--post,#fbf7ee);color:#2a2119;width:min(74vw,290px);min-height:176px;transform:rotate(var(--r));transition:transform var(--t-move) var(--ease);border-radius:6px;flex-direction:column;flex:none;justify-content:space-between;gap:12px;padding:14px 14px 12px;display:flex;box-shadow:inset 0 0 0 1px #5a3c141f,0 1px 1px #0003,0 12px 18px -10px #00000080}:root[data-theme=light] .fm-card{background:#fffdf8;box-shadow:inset 0 0 0 1px #5a3c141a,0 1px 1px #281c0814,0 10px 18px -10px #281c0840}.fm-card:active{transform:rotate(0deg) scale(var(--press-wide))}.fm-card p{white-space:pre-line;-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.42;display:-webkit-box;overflow:hidden}.fm-card-by{border-top:1px dashed #5a3c1440;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;display:flex}.fm-card-by b{font:700 13.5px var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fm-card-by em{color:#8c7a62;flex:none;font-size:12px;font-style:normal}.fm-stacks{flex-direction:column;gap:14px;list-style:none;display:flex}.fm-stack{border-radius:var(--r-l);background:var(--card);box-shadow:var(--shadow-1,0 1px 2px #00000014), 0 0 0 .5px var(--line);animation:rise var(--t-enter) var(--ease) both;animation-delay:calc(var(--i) * 50ms);transition:box-shadow var(--t-move) var(--ease);position:relative}.fm-stack.is-stacked{box-shadow:0 0 0 .5px var(--line), 0 5px 0 -2px var(--card), 0 5px 0 -1.5px var(--line);margin-bottom:4px}.fm-stack.is-deep{box-shadow:0 0 0 .5px var(--line), 0 5px 0 -2px var(--card), 0 5px 0 -1.5px var(--line), 0 10px 0 -4px var(--card), 0 10px 0 -3.5px var(--line);margin-bottom:9px}.fm-old{animation:fade var(--t-move) var(--ease) both;animation-delay:calc(var(--j) * 40ms);gap:12px;padding:12px 16px;display:flex}.fm-old+.fm-old{border-top:1px solid var(--line)}.fm-old>svg{flex:none;margin-top:2px}.fm-old p{color:var(--ink-2);font-size:14.5px;line-height:1.4}.fm-old em{margin-top:4px;font-style:normal;display:block}.fm-old em button{color:var(--wanted-text);font-weight:600}.fm-more{border-top:1px solid var(--line);width:100%;min-height:44px;font:600 13.5px var(--body);color:var(--wanted-text);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.fm-more svg{transition:transform var(--t-move) var(--ease);transform:rotate(90deg)}.fm-more .fm-more-up{transform:rotate(-90deg)}
