@font-face{font-family:Wall Display;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/display-900.woff2) format("woff2");unicode-range:U+30-39,U+d7,U+2190,U+2192,U+570b,U+6176}@font-face{font-family:Wall Display;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/display-300.woff2) format("woff2");unicode-range:U+30-39,U+d7,U+2190,U+2192,U+570b,U+6176}:root{--wall: #d6d0c2;--wall-deep: #bdb5a3;--paper: #f2ede1;--paper-back: #e4dccb;--ink: #2b2620;--vermilion: #c4352a;--indigo: #2e4260;--mustard: #c9a227;--ink-60: rgb(43 38 32 / .6);--ink-32: rgb(43 38 32 / .32);--ink-12: rgb(43 38 32 / .12);--paper-shadow: 0 1px 0 rgb(255 255 255 / .5) inset, 0 2px 4px rgb(60 48 32 / .14), 0 14px 30px -14px rgb(60 48 32 / .4);--lift-shadow: 0 4px 8px rgb(60 48 32 / .16), 0 34px 60px -24px rgb(60 48 32 / .5);--font-display: "Wall Display", "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--font-text: "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--font-hand: "Kaiti SC", STKaiti, KaiTi, 楷体, cursive;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");--mottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.013' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.75'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23m)'/%3E%3C/svg%3E");--tape: rgb(226 214 178 / .72);--dur-tilt: 0s;--note-0: #f2ede1;--note-1: #e6dfcd;--note-2: #c6cedb;--note-3: #e3d69c}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--wall);color:var(--ink);font-family:var(--font-text);overflow:hidden;-webkit-text-size-adjust:100%;overscroll-behavior:none;display:flex;flex-direction:column;height:100dvh}body:before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(115% 75% at 50% -12%,rgb(255 252 244 / .8),transparent 60%),radial-gradient(150% 110% at 50% 112%,var(--wall-deep),transparent 56%),var(--wall)}.grain,.grain:after{position:fixed;inset:-50%;z-index:1;pointer-events:none}.grain{background-image:var(--grain);background-size:180px 180px;opacity:.3;mix-blend-mode:multiply}.grain:after{content:"";background-image:var(--mottle);background-size:900px 900px;opacity:.16;mix-blend-mode:multiply}.stage{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:clamp(180px,20vw,264px) 1fr;gap:clamp(12px,2vw,32px);padding:clamp(10px,1.6vh,22px) clamp(14px,2.4vw,40px) 0}.rail{position:relative;z-index:20;flex:none;display:flex;gap:18px;align-items:center;height:32px;padding:0 clamp(14px,2.4vw,40px);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-60);border-bottom:1px solid var(--ink-12);background:#d6d0c2b8}.rail__item b{color:var(--ink);font-weight:600}.rail__dim{color:var(--ink-32);margin:0 1px}.rail__tilt{margin-left:auto;font:inherit;color:var(--paper);background:var(--indigo);border:0;border-radius:1px;padding:3px 9px;cursor:pointer}.rail__tilt:active{background:#22334a}.dock{position:relative;z-index:20;flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(12px,2vw,32px);align-items:center;padding:12px clamp(14px,2.4vw,40px) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ink-12);background:#d6d0c2db}.dock__label{margin:0 0 7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-60)}.dock__label b{color:var(--vermilion);font-weight:600}.light{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity 1.6s ease;background:radial-gradient(36% 32% at 72% 4%,rgb(255 210 146 / .26),transparent 70%),linear-gradient(200deg,#1a162224,#12101a52)}body.night{--wall: #403a30;--wall-deep: #26221a;--paper: #e9e1d0;--paper-back: #d9d0bb}body.night .light{opacity:1}:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}@media(max-width:820px){.stage{grid-template-columns:92px 1fr;gap:10px;padding:10px 12px 0}.dock{grid-template-columns:1fr;gap:9px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cal{--slab: 6px;position:relative;align-self:center;min-height:420px;padding-top:22px;perspective:1000px}.cal:before{content:"";position:absolute;top:6px;left:50%;width:13px;height:13px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 38% 34%,#d9d3c6,#97907f 70%,#6f6a5c);box-shadow:0 1px 2px #2820148c,0 0 0 2px #d6d0c280 inset}.page{position:absolute;inset:22px 0 auto;z-index:100;aspect-ratio:3 / 5;transform:translate3d(0,calc(var(--lift, 0) * var(--slab)),0);transform-origin:50% 0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.page.is-dragging{cursor:grabbing}.page.is-gone{pointer-events:none}.page__sheet{position:absolute;inset:0;overflow:hidden;transform:translate3d(0,var(--dy, 0px),0) rotate(calc(var(--peel, 0) * 3deg));transform-origin:50% 0;background:linear-gradient(178deg,var(--paper) 0%,var(--paper) 62%,var(--paper-back) 100%);box-shadow:0 1px #ffffff8c inset,0 2px 3px #3c302029,0 18px 34px -18px #3228188c;border-radius:1px 1px 0 0;padding:26px 18px 16px;display:flex;flex-direction:column}.page__sheet:after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.2;mix-blend-mode:multiply;pointer-events:none}.page__fringe{position:absolute;top:0;left:0;right:0;height:7px;z-index:3;background:var(--paper-back);filter:drop-shadow(0 1px 0 rgb(60 48 32 / .14));pointer-events:none;opacity:0}.page.is-dragging .page__fringe,.page.is-armed .page__fringe{opacity:1}.page__eye{position:absolute;top:9px;left:50%;width:9px;height:9px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 40% 36%,#6d6659,#4a4438 72%);box-shadow:0 1px #ffffff59}.page__month{margin:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-60)}.page__day{margin:-2px 0 0;font-family:var(--font-display);font-size:clamp(58px,7.4vw,88px);font-weight:900;line-height:.86;letter-spacing:-.04em;color:var(--vermilion)}.page__label{margin:3px 0 0;font-family:var(--font-hand);font-size:16px;line-height:1.3;color:var(--ink)}.page__proof{display:block;margin:auto 0 0;padding:5px 5px 0;background:var(--paper);box-shadow:0 1px 2px #3c30202e,0 0 0 1px #3c30200f;transform:rotate(-1.1deg)}.page__proof img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;background:var(--ink-12);filter:saturate(.88) contrast(.97)}.page__hint{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--ink-12);font-family:var(--font-hand);font-size:13px;color:var(--indigo);opacity:0;transition:opacity .25s ease}.page.is-front .page__hint{opacity:.75}.page.is-armed .page__hint{opacity:1;color:var(--vermilion)}.page:not(.is-front){pointer-events:none}.page.is-flying .page__sheet{animation:page-fly .62s cubic-bezier(.32,.02,.2,1) forwards;animation-delay:calc(var(--i) * 0ms)}@keyframes page-fly{0%{transform:translate3d(0,var(--dy, 0px),0) rotate(0) scale(1);opacity:1}60%{opacity:1}to{transform:translate3d(calc(var(--fly-x) + var(--vx)),calc(var(--fly-y) + var(--vy)),0) rotate(5deg) scale(.42);opacity:0}}@media(max-width:820px){.cal{--slab: 4px;align-self:start;min-height:0;padding-top:18px;perspective:none}.cal:before{top:5px;width:10px;height:10px}.page{inset:18px 0 auto}.page__sheet{padding:14px 6px 8px;justify-content:center}.page__sheet:after{opacity:.15}.page__eye{top:6px;width:7px;height:7px}.page__label,.page__proof,.page__hint,.page__seal{display:none}.page__month{font-size:8.5px;letter-spacing:.08em;text-align:center}.page__day{margin:3px 0 0;font-size:42px;text-align:center}.cal__done{margin:26px 0 0;font-size:13px;line-height:1.6}}.page__seal{position:absolute;right:14px;bottom:13px;display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--vermilion);border-radius:1px;color:var(--vermilion);font-family:var(--font-display);font-size:12px;font-weight:900;line-height:.82;transform:rotate(-4.5deg);opacity:.82;text-shadow:0 0 1.5px rgb(196 53 42 / .45);mix-blend-mode:multiply;pointer-events:none}.page__seal b{font-weight:900}.page:not(.is-front) .page__sheet{box-shadow:0 -1px #3c302012,0 1px 2px #3c30201c}.page.is-packed:not(.is-front) .page__sheet{box-shadow:none;border-top:0}.page.is-packed:not(.is-front):after{background:#3c30200d;box-shadow:inset 0 1px #3c30200f}.page:not(.is-front):after{content:"";position:absolute;inset:0;background:#3c302012;pointer-events:none}.page:not(.is-front) .page__seal{display:none}.cal.is-empty .page{display:none}.cal__done{display:none;margin:40px 0 0;padding-top:16px;border-top:1px solid var(--ink-12);font-family:var(--font-hand);font-size:15px;line-height:1.7;color:var(--ink-60)}.cal.is-empty .cal__done{display:block}.wall{position:relative;min-height:320px;perspective:1250px;perspective-origin:50% 42%}.wall__plane{position:absolute;inset:0 0 auto;transform-style:preserve-3d}.wall.is-scrollable{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wall.is-scrollable::-webkit-scrollbar{display:none}.wall:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgb(255 252 244 / .5) 0 2px,rgb(60 48 32 / .16) 2px 4px,transparent 4px) no-repeat 0 8.5% / 100% 4px,radial-gradient(ellipse 17% 13% at 25% 30%,rgb(255 250 238 / .06) 0%,rgb(255 250 238 / .028) 55%,transparent 100%),radial-gradient(ellipse 14% 18% at 64% 19%,rgb(255 250 238 / .05) 0%,rgb(255 250 238 / .022) 55%,transparent 100%),radial-gradient(ellipse 19% 14% at 79% 60%,rgb(255 250 238 / .055) 0%,rgb(255 250 238 / .025) 55%,transparent 100%),radial-gradient(ellipse 15% 11% at 33% 73%,rgb(255 250 238 / .045) 0%,rgb(255 250 238 / .02) 55%,transparent 100%),radial-gradient(ellipse 12% 10% at 50% 45%,rgb(60 48 32 / .022) 0%,rgb(60 48 32 / .008) 55%,transparent 100%),radial-gradient(circle at center,rgb(60 48 32 / .3) 0 1.6px,transparent 1.7px) no-repeat 9% 8.2% / 6px 6px,radial-gradient(circle at center,rgb(60 48 32 / .24) 0 1.6px,transparent 1.7px) no-repeat 66% 8.2% / 6px 6px}.sticker{position:absolute;top:0;left:0;width:var(--w);height:var(--h);margin:0;transform-style:preserve-3d;will-change:transform;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.sticker.is-dragging{cursor:grabbing}.sticker__face{position:absolute;inset:0;display:grid;background:var(--c, var(--paper-back));filter:drop-shadow(0 calc(2px + 15px * var(--lift, 0)) calc(5px + 28px * var(--lift, 0)) rgb(50 40 24 / calc(.2 + .24 * var(--lift, 0))))}.sticker--print .sticker__face{padding:7px 7px 26px;background:var(--paper)}.sticker img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sticker--print img{box-shadow:0 0 0 1px #2b262012}.tape{position:absolute;top:-10px;left:var(--tx, 50%);width:56px;height:21px;translate:-50% 0;rotate:var(--tilt, 0deg);background:repeating-linear-gradient(90deg,rgb(255 255 255 / .1) 0 3px,transparent 3px 7px),var(--tape);mix-blend-mode:multiply;clip-path:polygon(2% 6%,18% 0,34% 5%,52% 0,70% 6%,86% 1%,100% 7%,98% 93%,84% 100%,66% 94%,48% 100%,30% 94%,14% 100%,0 92%);box-shadow:0 1px 2px #3228182e;pointer-events:none}.tape--indigo{--tape: rgb(46 66 96 / .34)}.tape--mustard{--tape: rgb(201 162 39 / .38)}.wall__card{position:absolute;left:7%;bottom:15%;width:min(302px,60%);padding:15px 17px 16px;margin:0;background:linear-gradient(172deg,var(--paper),var(--paper-back));box-shadow:0 1px #ffffff80 inset,0 2px 5px #3c302021,0 18px 32px -22px #3c302080;transform:rotate(-1.3deg);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.wall__card:before{content:"";position:absolute;top:-8px;left:50%;width:clamp(44px,5vw,64px);height:17px;background:var(--tape);box-shadow:0 1px 2px #3c302029;transform:translate(-50%) rotate(1.6deg);clip-path:polygon(1% 12%,33% 3%,70% 9%,99% 2%,100% 52%,97% 90%,66% 98%,28% 93%,2% 100%,0% 47%)}.wall__card p{margin:0;font-family:var(--font-hand);font-size:clamp(14px,1.35vw,17px);line-height:1.85;color:#2b2620b8}.wall.is-crowded .wall__card{opacity:0;transform:rotate(-1.3deg) translateY(8px)}.toast{position:fixed;left:50%;bottom:168px;z-index:30;margin:0;translate:-50% 6px;padding:8px 14px;background:var(--ink);color:var(--paper);font-family:var(--font-hand);font-size:14px;line-height:1.5;border-radius:2px;box-shadow:var(--lift-shadow);opacity:0;pointer-events:none;transition:opacity .3s ease,translate .3s ease}.toast.is-on{opacity:1;translate:-50% 0}.loupe{position:fixed;inset:0;z-index:40;visibility:hidden;opacity:0;transition:opacity .32s ease,visibility 0s linear .32s}.loupe.is-open{visibility:visible;opacity:1;transition-delay:0s}.loupe__scrim{position:absolute;inset:0;padding:0;border:0;background:color-mix(in oklab,var(--wall) 74%,transparent);-webkit-backdrop-filter:blur(22px) saturate(.82) brightness(.94);backdrop-filter:blur(22px) saturate(.82) brightness(.94);cursor:zoom-out;-webkit-tap-highlight-color:transparent}.loupe__stage{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,26px);padding:clamp(56px,9vh,88px) 20px clamp(52px,8vh,76px);pointer-events:none}.loupe__print{--dir: 1;position:relative;width:fit-content;max-width:100%;margin:0;padding:0;transform-origin:50% 50%;filter:drop-shadow(0 26px 44px rgb(44 34 18 / .42))}.loupe__print img{display:block;max-width:min(78vw,520px);max-height:56vh;width:auto;height:auto;object-fit:contain;border-radius:1px;box-shadow:0 0 0 1px #2b262014;background:var(--c, var(--paper-back))}.loupe__print--print{padding:12px 12px 40px;background:var(--paper);box-shadow:0 1px #ffffff8c inset}.loupe__print--print img{max-width:min(72vw,470px)}.loupe__print .tape{top:-13px;width:78px;height:26px}.loupe__print.is-turning{display:none}.loupe__meta{display:flex;align-items:baseline;gap:10px;width:min(78vw,520px);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;color:var(--ink-60)}.loupe__date{font-size:12.5px;color:var(--ink)}.loupe__day{font-family:var(--font-hand);font-size:13px;letter-spacing:0;color:var(--ink-60)}.loupe__count{margin-left:auto;font-variant-numeric:tabular-nums}.loupe__caption{width:min(78vw,520px);margin:-6px 0 0;font-family:var(--font-hand);font-size:clamp(15px,1.7vw,18px);line-height:1.85;color:var(--ink);text-align:left}.loupe__caption:empty{display:none}.loupe__nav{position:absolute;top:50%;translate:0 -50%;width:46px;height:62px;padding:0;border:0;background:none;color:var(--ink-60);font:300 26px/1 var(--font-display);cursor:pointer;transition:color .18s ease,translate .18s ease;-webkit-tap-highlight-color:transparent}.loupe__nav[hidden]{display:none}.loupe__nav--prev{left:clamp(4px,2.4vw,30px);translate:4px -50%}.loupe__nav--next{right:clamp(4px,2.4vw,30px);translate:-4px -50%}.loupe__nav:hover{color:var(--vermilion);translate:0 -50%}.loupe__nav:active{scale:.94}.loupe__close{position:absolute;top:clamp(12px,2.4vh,22px);right:clamp(14px,2.4vw,34px);width:38px;height:38px;padding:0;border:0;border-radius:1px;background:var(--paper);color:var(--ink);font:300 20px/1 var(--font-display);cursor:pointer;box-shadow:var(--paper-shadow);transition:background .18s ease,rotate .22s ease}.loupe__close:hover{background:var(--vermilion);color:var(--paper);rotate:90deg}.loupe__hint{position:absolute;left:0;right:0;bottom:clamp(14px,2.6vh,26px);margin:0;text-align:center;font-family:var(--font-hand);font-size:13.5px;color:var(--ink-32)}@media(max-width:820px){.loupe__print img{max-width:86vw;max-height:50vh}.loupe__meta,.loupe__caption{width:86vw}.loupe__nav{top:auto;bottom:clamp(46px,7vh,66px);height:44px}.loupe__nav--prev{left:12px}.loupe__nav--next{right:12px}.loupe__hint{display:none}}@media(prefers-reduced-motion:reduce){.loupe__close{transition:none}}.pad{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label label" "input send";gap:0 10px;align-items:end;padding:10px 12px 11px;background:linear-gradient(174deg,var(--note-1) 0%,var(--note-1) 84%,#d5cbb4 100%);box-shadow:var(--paper-shadow);transform:rotate(-.5deg)}.pad:after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.16;mix-blend-mode:multiply;pointer-events:none}.pad__label{grid-area:label;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-60)}.pad__input{grid-area:input;min-width:0;min-height:42px;max-height:96px;padding:0;border:0;resize:none;background:transparent;color:var(--ink);font-family:var(--font-hand);font-size:16px;line-height:1.5;outline:none}.pad__input::placeholder{color:var(--ink-32)}.pad__send{grid-area:send;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--paper);background:var(--indigo);border:0;border-radius:1px;padding:8px 12px;cursor:pointer;white-space:nowrap}.pad__send:hover{background:#37506f}.pad__send:disabled{background:var(--ink-32);cursor:default}.dock__how{min-width:0;align-self:center}.dock__count{margin:0 0 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-60)}.dock__count b{color:var(--vermilion);font-weight:600}.dock__tip{margin:0;font-family:var(--font-hand);font-size:13.5px;line-height:1.75;color:var(--ink-60);text-wrap:pretty}.note{--w: 132px;position:absolute;top:0;left:0;width:var(--w);min-height:118px;margin:0;padding:26px 12px 12px;background:var(--c, var(--note-1));box-shadow:0 1px #ffffff80 inset,0 2px 3px #3c302026,0 16px 30px -16px #32281880;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 12px) 100%,0 100%);touch-action:none;cursor:grab;will-change:transform;-webkit-tap-highlight-color:transparent}.note:after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.14;mix-blend-mode:multiply;pointer-events:none}.note.is-dragging{cursor:grabbing}.note:before{content:"";position:absolute;right:0;bottom:0;width:14px;height:14px;background:linear-gradient(315deg,rgb(60 48 32 / .2) 0 50%,transparent 50%);pointer-events:none}.note__tape{position:absolute;top:-9px;left:50%;width:48px;height:19px;translate:-50% 0;rotate:-3deg;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .1) 0 3px,transparent 3px 7px),#2e42604d;mix-blend-mode:multiply;clip-path:polygon(3% 8%,22% 0,46% 6%,68% 0,88% 7%,100% 3%,97% 94%,74% 100%,50% 94%,26% 100%,0 93%);pointer-events:none}.note__text{margin:0;font-family:var(--font-hand);font-size:16px;line-height:1.62;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:820px){.dock__tip{font-size:12.5px;line-height:1.65}.note{--w: 116px;min-height:104px;padding:22px 10px 10px}.note__text{font-size:15px}}