/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--paper:#f0e8dc;--accent:#c4977c;--sage:#a6aa98;--ink:#2d2722;--deep:#342d28}*{box-sizing:border-box}html,body{background:var(--deep);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--paper);font-family:Arial,Helvetica Neue,PingFang SC,sans-serif}button,input{font:inherit}button{color:inherit}.experience{cursor:crosshair;background:#51473f;width:100vw;height:100svh;position:relative;overflow:hidden}.experience.has-memory{visibility:hidden}.topbar{z-index:30;background:linear-gradient(#403730 10%,#403730b3,#0000);border-bottom:1px solid #fff4e433;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 32px;display:grid;position:fixed;top:0;left:0;right:0}.wordmark{color:#fff;letter-spacing:-.05em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:17px;font-weight:800;display:flex}.wordmark span:last-child{color:#ddbda8}.wordmark b{opacity:.45;font-weight:300}.topbar>p{letter-spacing:.22em;opacity:.55;margin:0;font-size:9px}.top-actions{justify-self:end;align-items:center;gap:12px;display:flex}.top-actions>button:first-child{letter-spacing:.15em;opacity:.65;cursor:pointer;background:0 0;border:0;font-size:9px}.sound-pill{letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#43393259;border:1px solid #fff4e447;border-radius:999px;align-items:center;gap:10px;padding:10px 15px;font-size:10px;display:flex}.sound-pill i{background:#777;border-radius:50%;width:7px;height:7px;display:block}.sound-pill i.is-playing{background:#ddbda8;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 13px #ddbda8a6}@keyframes pulse{50%{opacity:.5}}.viewer{perspective:720px;perspective-origin:50%;background:radial-gradient(#76685d 0%,#50463e 44%,#2f2925 100%);position:absolute;inset:0;overflow:hidden}.tunnel{transform-style:preserve-3d;--rx:0deg;--ry:0deg;position:absolute;inset:0}.tunnel-world{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .38s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.tunnel-card{backface-visibility:hidden;width:66vw;height:48vh;transform-style:preserve-3d;will-change:transform, opacity, filter;background-position:50%;background-size:cover;transition:filter .55s,box-shadow .55s;position:absolute;top:calc(50% - 24vh);left:calc(50% - 33vw);overflow:hidden;box-shadow:0 22px 60px #281d1638}.wall-left,.wall-right{width:64vw;height:62vh;top:calc(50% - 31vh);left:calc(50% - 32vw)}.card-shade{pointer-events:none;background:linear-gradient(#0000 48%,#2c20198f);position:absolute;inset:0}.tunnel-card span{z-index:2;letter-spacing:.18em;color:#fff8ef;font-size:7px;position:absolute;top:17px;left:18px}.tunnel-card h2{z-index:2;color:#fff8ef;white-space:nowrap;margin:0;font:italic clamp(13px,1.25vw,20px) Georgia,serif;position:absolute;bottom:16px;left:18px}.tunnel-card>b{z-index:2;color:#ead1bf;font:10px Arial,sans-serif;position:absolute;bottom:16px;right:18px}.depth-frame{transform-style:preserve-3d;will-change:transform;border:10px solid #3c342e;outline:1px solid #f1e1cf47;position:absolute;inset:10vh 7vw}.end-room{color:#342b25;will-change:transform;background:#d8b9a5 url(/end-room-art.jpg) 50%/cover no-repeat;border:16px solid #3a312b;width:88vw;height:84vh;display:block;position:absolute;top:8vh;left:6vw;overflow:hidden}.end-room p{z-index:2;letter-spacing:-.065em;margin:0;font-size:clamp(18px,2.6vw,42px);font-weight:800;line-height:.82;position:absolute;top:5%;left:4%}.end-room>span{z-index:2;letter-spacing:.22em;font-size:8px;position:absolute;bottom:5%;right:4%}.end-light{mix-blend-mode:multiply;background:linear-gradient(135deg,#e0bea542,#0000 42%,#5f48391f);position:absolute;inset:0}.vignette{pointer-events:none;z-index:20;background:radial-gradient(#0000 15%,#2f26200d 45%,#231d199e 100%),linear-gradient(90deg,#2e262047,#0000 22% 78%,#2e262047);position:absolute;inset:0}.side-index{z-index:30;letter-spacing:.15em;flex-direction:column;align-items:center;gap:12px;font-size:8px;display:flex;position:fixed;top:50%;right:29px;transform:translateY(-50%)}.side-index div{background:#ffffff47;width:1px;height:110px;position:relative}.side-index i{transform-origin:top;background:#ddbda8;transition:transform .5s;position:absolute;inset:0}.destination-card{z-index:32;text-align:left;color:#f5ece1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#372f2ab8;border:1px solid #eddac852;width:210px;padding:17px 18px;transition:all .3s;position:fixed;bottom:135px;right:58px;box-shadow:0 15px 40px #251b1529}.destination-card:hover{color:#342b25;background:#d8b9a5;transform:translateY(-4px)}.destination-card span{color:#e1bfa9;letter-spacing:.2em;margin-bottom:8px;font-size:7px;display:block}.destination-card:hover span{color:#342b25}.destination-card b{letter-spacing:-.03em;font-size:15px;display:block}.destination-card small{letter-spacing:.1em;opacity:.58;margin-top:11px;font-size:7px;display:block}.random-memory{z-index:32;color:#f5ece1;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#372f2aa8;border:1px solid #eddac84d;border-radius:999px;align-items:center;gap:10px;padding:13px 18px;font-size:9px;display:flex;position:fixed;bottom:135px;left:58px}.random-memory i{background:#ddbda8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ddbda873}.random-memory span{opacity:.48;font-size:7px}.random-memory:hover{color:#342b25;background:#d8b9a5}.controls{z-index:30;background:linear-gradient(#0000,#39302adb 28%,#3d342e);border-top:1px solid #f4e2d12e;grid-template-columns:1fr auto 1fr;align-items:end;min-height:112px;padding:22px 32px 25px;display:grid;position:fixed;bottom:0;left:0;right:0}.instruction{align-items:end;animation:8s forwards hint-fade;display:flex}.current-title small{letter-spacing:.2em;color:#ddbda8;font-size:8px}.instruction p{letter-spacing:.08em;opacity:.52;margin:0;font-size:9px;line-height:1.55}@keyframes hint-fade{0%,55%{opacity:1}to{opacity:.18}}.current-title{text-align:center;flex-direction:column;gap:8px;display:flex}.current-title strong{letter-spacing:-.06em;font-size:clamp(18px,2.4vw,38px);line-height:.9}.current-title span{letter-spacing:.12em;color:#d7bca9;opacity:.78;font-size:10px}.autowalk{letter-spacing:.16em;opacity:.5;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:8px}.autowalk i{background:#777;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.autowalk.active{opacity:1}.autowalk.active i{background:#ddbda8;box-shadow:0 0 10px #ddbda8a6}.memory-viewer{z-index:75;isolation:isolate;color:#eee5db;cursor:default;background-color:#29241f;grid-template-rows:54px minmax(0,1fr) 76px;gap:18px;padding:34px 5vw 35px;animation:.42s cubic-bezier(.2,.75,.2,1) both memory-open;display:grid;position:fixed;inset:0;box-shadow:0 0 0 100vmax #29241f}@keyframes memory-open{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.memory-viewer:before{content:"";pointer-events:none;opacity:.17;mix-blend-mode:screen;background:repeating-radial-gradient(circle at 22% 18%,#e6d7c826 0 .45px,#0000 .7px 5px);position:absolute;inset:0}.memory-viewer>header{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.memory-viewer>header>p{letter-spacing:.32em;color:#bdb1a6;margin:0;font-size:8px}.memory-wordmark{color:#f3eadf;letter-spacing:-.05em;background:0 0;border:0;justify-self:start;gap:7px;padding:0;font-size:16px;font-weight:800;display:flex}.memory-wordmark b{color:#8f8176;font-weight:300}.memory-wordmark span:last-child{color:#d2a98f}.memory-close{color:#eee5db;cursor:pointer;background:0 0;border:1px solid #81756b;border-radius:50%;justify-self:end;width:44px;height:44px;font:200 29px/1 Georgia,serif}.memory-stage{z-index:1;background:#171411;border:1px solid #bfae9f61;min-height:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #120f0d6b}.memory-stage:after{content:"";pointer-events:none;background:linear-gradient(#1d19161f,#0000 58%,#1d1916b3);position:absolute;inset:0}.memory-stage img{object-fit:contain;width:100%;height:100%;display:block}.memory-place{z-index:2;letter-spacing:.28em;font-size:8px;position:absolute;top:28px;left:34px}.memory-title{z-index:2;position:absolute;bottom:25px;left:34px}.memory-title h2{margin:0 0 7px;font:italic 400 clamp(30px,3.2vw,52px)/1 Georgia,Songti SC,serif}.memory-title p{letter-spacing:.27em;color:#d4c8bb;margin:0;font-size:8px}.memory-arrow{z-index:3;color:#eee5db;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26211db8;border:1px solid #81756b;border-radius:50%;width:48px;height:48px;font:31px/1 Georgia,serif;position:absolute;top:50%;transform:translateY(-50%)}.memory-prev{left:1.5vw}.memory-next{right:1.5vw}.memory-viewer>footer{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.memory-viewer>footer p{margin:0 0 9px;font-size:15px}.memory-viewer>footer small{letter-spacing:.22em;color:#93877d;font-size:7px}.memory-viewer>footer button{color:#eee5db;letter-spacing:.26em;cursor:pointer;background:0 0;border:1px solid #9c9085;border-radius:999px;min-width:245px;padding:15px 22px;font-size:8px;font-weight:700}.memory-viewer>footer button i{background:#d2a98f;border-radius:50%;width:7px;height:7px;margin-right:18px;display:inline-block}.profile-room{z-index:80;color:#39342f;opacity:0;visibility:hidden;background:#665b51;font-family:fangsong,STFangsong,仿宋,FangSong_GB2312,serif;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1),visibility .7s;position:fixed;inset:0;overflow-y:auto;transform:scale(.94)}.profile-room.is-visible{opacity:1;visibility:visible;transform:scale(1)}.profile-room:before{content:"";pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:repeating-radial-gradient(at 14% 18%,#39302829 0 .6px,#0000 .7px 6px);position:fixed;inset:0}.back-gallery{z-index:95;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e5dccad6;border:1px solid #332f2a59;padding:10px 14px;font-size:11px;position:fixed;top:22px;left:24px}.sketch-tools{z-index:95;gap:9px;display:grid;position:fixed;top:110px;right:18px}.sketch-tools button{color:#332f2a;cursor:pointer;background:#e5dccae6;border:1px solid #332f2a57;align-items:center;gap:8px;min-width:82px;padding:9px 12px;display:flex;box-shadow:0 8px 20px #2d272014}.sketch-tools button:first-child{transform:rotate(2deg)}.sketch-tools button:nth-child(2){transform:rotate(-3deg)}.sketch-tools button:nth-child(3){transform:rotate(2deg)}.sketch-tools button.active{color:#eee5d2;background:#332f2a}.camera-icon{border:1px solid;width:19px;height:14px;display:inline-block;position:relative}.camera-icon:before{content:"";border:1px solid;width:8px;height:4px;position:absolute;top:-5px;left:3px}.camera-icon i{border:1px solid;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:5px}.pencil-icon{border:1px solid;width:20px;height:5px;display:inline-block;transform:rotate(-25deg)}.eraser-icon{border:1px solid;width:17px;height:11px;display:inline-block;transform:rotate(-18deg)}.archive-thread{z-index:94;flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;right:25px;transform:translateY(-50%)}.archive-thread:before{content:"";border-left:1px dashed #a24e40;width:1px;position:absolute;top:10px;bottom:10px}.archive-thread button{z-index:1;color:#332f2a7a;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font:10px Arial,sans-serif;position:relative}.archive-thread i{background:#d8cfbd;border:1px solid #a24e40;border-radius:50%;width:8px;height:8px;margin:0 auto 2px;display:block}.archive-thread button.active{color:#332f2a}.archive-thread button.active i{background:#a24e40}.sketch-layer{z-index:92;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sketch-layer.is-drawing{pointer-events:auto;cursor:crosshair}.sketchbook-cover,.archive-sheet,.making-notes{clip-path:polygon(1% 0,11% .45%,23% 0,34% .5%,48% .1%,62% .55%,76% 0,89% .45%,99% 0,100% 18%,99.5% 38%,100% 60%,99.4% 82%,99% 100%,83% 99.5%,66% 100%,48% 99.4%,29% 100%,1% 99.5%,0 78%,.5% 56%,0 34%);background:#f1ece2;width:min(1080px,100% - 120px);margin:7vh auto;position:relative;box-shadow:0 24px 65px #241f1b2e}.sketchbook-cover:before,.archive-sheet:before,.making-notes:before{content:"";pointer-events:none;opacity:.32;mix-blend-mode:multiply;background:repeating-linear-gradient(71deg,#0000 0 13px,#312e2a42 13px 14px),repeating-radial-gradient(circle at 22% 18%,#37332e33 0 .5px,#0000 .6px 6px);position:absolute;inset:0}.paper-holes{z-index:3;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:7%;bottom:7%;left:19px}.paper-holes i{background:#6b625a;border:1px solid #26211d59;border-radius:48% 52% 46% 51%;width:20px;height:20px;box-shadow:inset 1px 2px 4px #1f1b184d}.sketchbook-cover{flex-direction:column;justify-content:space-between;min-height:82vh;padding:13vh 8vw 9vh 9vw;display:flex}.letter-envelope{isolation:isolate;background:#665e56;width:100%;margin:0 auto;padding:20vh 4vw 15vh;position:relative;overflow:hidden}.letter-envelope:before{content:"";z-index:-2;filter:grayscale()sepia(.08)contrast(.82)brightness(.78);background:url(/gallery/01.webp) 50% 42%/cover no-repeat;height:100vh;position:absolute;top:0;left:0;right:0;transform:scale(1.02)}.letter-envelope:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#efebe238,#2d28244d);height:100vh;position:absolute;top:0;left:0;right:0}.letter-cover{clip-path:none;z-index:2;text-align:center;background:linear-gradient(34deg,#ddd3c2 49.6%,#0000 50%) 0 100%/51% 78% no-repeat,linear-gradient(-34deg,#ddd3c2 49.6%,#0000 50%) 100% 100%/51% 78% no-repeat,#eee8dc;width:min(650px,100% - 48px);min-height:360px;margin:18vh auto 34vh;padding:150px 70px 46px;box-shadow:0 24px 44px #1a171447}.letter-cover:before{content:"";z-index:-1;opacity:.32;mix-blend-mode:multiply;background:repeating-radial-gradient(circle at 30% 25%,#4941372e 0 .45px,#0000 .6px 5px);position:absolute;inset:0}.letter-cover:after{content:"";z-index:-2;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -8px 14px #1e1a161f);background:#d8cebc;height:215px;position:absolute;top:-210px;left:0;right:0}.letter-cover>p{font-size:7px;position:absolute;bottom:27px;left:0;right:0}.letter-cover h1{letter-spacing:-.08em;margin:0 auto 12px;font:italic 44px/1 Georgia,serif}.letter-cover h1 em{color:#39342f}.letter-cover .cover-notes{display:none}.letter-cover>small{letter-spacing:.18em;align-self:center;margin-top:13px;font:7px/1.4 Arial,sans-serif}.sketchbook-cover>p{letter-spacing:.24em;margin:0;font-size:10px}.sketchbook-cover h1{letter-spacing:-.04em;max-width:850px;margin:7vh 0;font-size:clamp(56px,8vw,124px);font-weight:400;line-height:.96}.sketchbook-cover h1 em{color:#8c4f43;font-style:normal;font-weight:400}.cover-notes{flex-wrap:wrap;gap:8px;display:flex}.cover-notes span{border:1px dashed #332f2a73;padding:10px 14px;transform:rotate(-1deg)}.cover-notes span:nth-child(2){transform:rotate(1.5deg)}.sketchbook-cover>small{letter-spacing:.14em;align-self:flex-end}.archive-pages{background:#f1ece2;width:min(1080px,100% - 48px);margin:0 auto;padding:28px 0 70px;position:relative;box-shadow:0 28px 70px #231c173d}.archive-pages:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background:repeating-linear-gradient(71deg,#0000 0 13px,#312e2a38 13px 14px),repeating-radial-gradient(circle at 22% 18%,#37332e2e 0 .5px,#0000 .6px 6px);position:absolute;inset:0}.archive-sheet{z-index:1;width:100%;min-height:820px;box-shadow:none;clip-path:none;background:0 0;border-bottom:1px dashed #4e443a59;grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,39%) minmax(0,1fr);column-gap:6vw;margin:0;padding:70px 64px 78px 72px;display:grid;transform:none}.archive-sheet:last-child{border-bottom:0}.archive-sheet.reverse{grid-template-columns:minmax(0,1fr) minmax(240px,40%);transform:rotate(.2deg)}.archive-sheet header{letter-spacing:.16em;border-bottom:1px solid #332f2a8c;grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:10px;display:flex}.archive-sheet header p{margin:0}.archive-images{cursor:default;place-self:start center;width:100%;max-width:min(39vw,420px);min-height:560px;margin-top:42px;position:sticky;top:100px}.tool-camera .archive-images{cursor:crosshair}.archive-images img{object-fit:contain;filter:saturate(.94)contrast(.98)brightness(.99);border:6px solid #f4efe5db;width:min(86%,330px);max-height:42svh;transition:filter .4s,transform .35s;display:block;position:absolute;box-shadow:0 15px 34px #2b241e2e}.archive-images img:first-child{top:0;left:0;transform:rotate(-2.2deg)}.archive-images img:nth-child(2){top:245px;right:-2%;transform:rotate(2.4deg)}.archive-images:hover img{filter:saturate()contrast()}.archive-images:hover img:first-child{transform:rotate(-3deg)translateY(-5px)}.archive-images:hover img:nth-child(2){transform:rotate(3deg)translateY(5px)}.archive-sheet.reverse .archive-image{grid-column:2}.archive-sheet.reverse .archive-copy{grid-area:2/1}.archive-copy{align-self:start;padding:42px 0 25px}.archive-copy>small{letter-spacing:.16em;color:#8c4f43;font-size:10px}.archive-copy h2{margin:22px 0 34px;font-size:clamp(38px,4.2vw,66px);font-weight:400;line-height:1.08}.archive-copy blockquote{border-left:2px solid #a24e40;margin:0 0 30px;padding-left:18px;font-size:clamp(20px,2vw,30px);line-height:1.55}.letter-copy p{text-align:justify;text-justify:inter-ideograph;margin:0 0 1.25em;font-size:15px;line-height:1.95}.letter-copy p:first-child{font-size:17px}.hand-note{color:#332f2a8c;margin-top:50px;font-size:17px;font-style:italic;display:inline-block;transform:rotate(-3deg)}.viewfinder{aspect-ratio:4/3;pointer-events:none;border:1px solid #f7f0e0f2;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #18141238}.viewfinder i,.viewfinder b{background:#f7f0e0f2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder i{width:26px;height:1px}.viewfinder b{width:1px;height:26px}.capture-stamp{color:#a24e40;letter-spacing:.12em;background:#e9e0cddb;border:1px solid #a24e40;padding:7px 10px;font-size:11px;position:absolute;top:15px;right:15px;transform:rotate(5deg)}.making-notes{padding:70px 70px 70px 90px}.making-notes header{letter-spacing:.16em;border-bottom:1px solid #332f2a8c;justify-content:space-between;padding-bottom:18px;font-size:11px;display:flex}.making-notes header p{margin:0}.making-line{border-top:2px dashed #a24e40;grid-template-columns:repeat(8,1fr);margin:80px 0 70px;display:grid}.making-line div{text-align:center;padding-top:22px;position:relative}.making-line i{background:#dfd5c1;border:1px solid #91564a;border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.making-line small{color:#332f2a73;margin-bottom:15px;display:block}.making-line b{font-size:14px;font-weight:400}.making-quote{max-width:760px;margin:0;font-size:clamp(28px,4vw,58px);line-height:1.35}.sketchbook-contact{color:#e5dfd6;text-align:center;background:#3f3832;padding:14vh 8vw 10vh;position:relative}.sketchbook-contact>span{letter-spacing:.2em;color:#d7a996;font-size:10px}.sketchbook-contact h2{max-width:900px;margin:8vh auto;font-size:clamp(38px,5vw,75px);font-weight:400;line-height:1.25}.sketchbook-contact a{color:#eee5d2;letter-spacing:.12em;border:1px solid #eee5d28c;padding:15px 21px;text-decoration:none;display:inline-block}.sketchbook-contact a:hover{color:#342f2a;background:#eee5d2}.sketchbook-contact p{opacity:.58;margin:30px 0 0;font-size:11px}@media (width<=700px){.topbar{grid-template-columns:1fr auto;height:70px;padding:0 18px}.topbar>p{display:none}.wordmark{font-size:15px}.top-actions>button:first-child{display:none}.sound-pill{padding:9px 12px;font-size:8px}.tunnel-card{width:92vw;height:56vh;top:calc(50% - 28vh);left:calc(50% - 46vw)}.wall-left,.wall-right{width:88vw;height:68vh;top:calc(50% - 34vh);left:calc(50% - 44vw)}.depth-frame{inset:14vh 3vw}.side-index{right:12px}.destination-card{width:178px;padding:12px 14px;bottom:116px;right:18px}.destination-card b{font-size:13px}.random-memory{min-height:45px;padding:11px 14px;font-size:8px;bottom:116px;left:18px}.random-memory span{display:none}.controls{grid-template-columns:1fr auto;min-height:105px;padding:20px 18px}.instruction{display:none}.current-title{text-align:left;align-items:flex-start}.back-gallery{top:14px;left:14px}.sketch-tools,.archive-thread,.sketch-layer{display:none}.sketchbook-cover,.archive-sheet,.making-notes{width:calc(100% - 24px);margin:28px auto}.sketchbook-cover{min-height:78vh;padding:100px 32px 55px 58px}.letter-envelope{width:100%;padding:155px 6px 90px}.letter-envelope:before,.letter-envelope:after{height:760px}.letter-cover{width:min(88vw,470px);min-height:285px;margin:135px auto 220px;padding:118px 28px 38px}.letter-cover:after{height:146px;top:-142px}.letter-cover h1{font-size:38px}.letter-cover>small{margin-top:12px}.sketchbook-cover h1{font-size:13vw;line-height:1.08}.cover-notes{display:grid}.archive-pages{width:calc(100% - 18px);padding:10px 0 30px}.archive-sheet,.archive-sheet.reverse{min-height:0;padding:32px 20px 42px;display:block}.archive-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;width:100%;max-width:none;height:auto;min-height:0;margin:24px 0 8px;padding:0 4% 10px;display:grid;position:relative;top:auto}.archive-images img{object-fit:contain;border-width:3px;width:100%;max-height:74vw;position:relative}.archive-images img:first-child{top:auto;left:auto}.archive-images img:nth-child(2){margin-top:56px;top:auto;right:auto}.archive-copy{padding:12px 4px 0}.archive-copy h2{margin:16px 0 22px;font-size:clamp(28px,7vw,42px)}.archive-copy blockquote{font-size:21px}.letter-copy p{text-align:left;font-size:12px;line-height:1.75}.letter-copy p:first-child{font-size:13px}.hand-note{margin-top:24px;font-size:13px}.making-notes{padding:50px 26px 55px 58px}.making-line{border-top:0;grid-template-columns:repeat(4,1fr);row-gap:48px;margin:60px 0}.making-line div{border-top:2px dashed #91564a}.making-quote{font-size:9vw}.sketchbook-contact{padding:90px 24px 120px}.sketchbook-contact h2{font-size:11vw}.mobile-tunnel .tunnel-world{transition:none}.mobile-tunnel .tunnel-card{box-shadow:none;will-change:transform, opacity;transition:none}.mobile-tunnel .card-shade{background:linear-gradient(#0000 58%,#2c20196b)}.mobile-tunnel .vignette{background:radial-gradient(#0000 24%,#231d1980 100%)}.memory-viewer{grid-template-rows:52px minmax(0,1fr) 104px;gap:12px;padding:14px 12px 20px}.memory-viewer>header{grid-template-columns:1fr auto}.memory-viewer>header>p{display:none}.memory-close{width:40px;height:40px}.memory-stage img{object-fit:contain}.memory-place{font-size:7px;top:17px;left:18px}.memory-title{bottom:18px;left:18px;right:18px}.memory-title h2{font-size:34px}.memory-title p{font-size:7px;line-height:1.5}.memory-arrow{display:none}.memory-viewer>footer{gap:12px}.memory-viewer>footer p{font-size:13px;line-height:1.55}.memory-viewer>footer small{letter-spacing:.12em}.memory-viewer>footer button{letter-spacing:.13em;min-width:130px;padding:14px 12px;font-size:7px}.memory-viewer>footer button i{margin-right:8px}}@media (prefers-reduced-motion:reduce){.tunnel-world{transition:none}.sound-pill i{animation:none!important}}.nineteen-letter{color:#39342f;transform-origin:top;background:#eee7d9;width:min(70%,920px);margin:0 auto;padding:clamp(70px,9vw,130px) clamp(46px,8vw,112px);animation:1.4s cubic-bezier(.18,.75,.22,1) both unfold-long-letter;position:relative;box-shadow:0 30px 80px #251f1a38}.nineteen-letter:before{content:"";pointer-events:none;opacity:.25;mix-blend-mode:multiply;background:repeating-radial-gradient(circle at 18% 24%,#44392f33 0 .5px,#0000 .7px 6px);position:absolute;inset:0}@keyframes unfold-long-letter{0%{opacity:0;transform:translateY(70px)scaleY(.94)}to{opacity:1;transform:none}}.nineteen-letter>header{letter-spacing:.2em;border-bottom:1px solid #39342f6b;justify-content:space-between;padding-bottom:18px;font:9px/1 Arial,sans-serif;display:flex;position:relative}.nineteen-letter>header p{margin:0}.nineteen-letter>small{color:#985347;letter-spacing:.24em;margin-top:70px;font:9px/1 Arial,sans-serif;display:block;position:relative}.nineteen-letter h2{letter-spacing:-.055em;margin:20px 0 58px;font:400 clamp(42px,5.2vw,72px)/1.12 Georgia,Songti SC,serif;position:relative}.long-letter-copy{position:relative}.long-letter-copy p{text-align:justify;max-width:37em;text-justify:inter-ideograph;margin:0 auto 1.35em;font:16px/2.05 fangsong,STFangsong,仿宋,serif}.long-letter-copy p:first-child{margin-bottom:1.8em;font-size:21px}.long-letter-copy p:nth-child(6n+2){margin-top:2.8em}.nineteen-letter>footer{color:#39342f99;text-align:right;border-top:1px solid #39342f40;margin-top:72px;padding-top:22px;font-size:12px;position:relative}.nineteen-letter>footer i{background:#985347;width:26px;height:1px;margin:0 12px 4px 0;display:inline-block}.letter-pause{color:#efe7d96b;letter-spacing:.38em;place-items:center;height:52vh;font:8px/1 Arial,sans-serif;display:grid}.letter-pause span:before,.letter-pause span:after{content:"—";margin:0 18px}.theme-mailroom{width:min(1040px,100% - 80px);margin:0 auto;padding:80px 0 160px}.theme-mailroom>header{color:#ece2d3;text-align:center}.theme-mailroom>header small{letter-spacing:.3em;opacity:.58;font:8px/1 Arial,sans-serif}.theme-mailroom>header h2{margin:22px 0 80px;font:400 clamp(34px,5vw,66px)/1.2 Georgia,Songti SC,serif}.envelope-grid{grid-template-columns:repeat(2,minmax(280px,1fr));align-items:center;gap:110px 13vw;display:grid}.theme-envelope{color:#403a34;text-align:left;cursor:pointer;background:linear-gradient(31deg,#d8cebb 49.5%,#0000 50%) 0 100%/51% 74% no-repeat,linear-gradient(-31deg,#d8cebb 49.5%,#0000 50%) 100% 100%/51% 74% no-repeat,#e9e1d2;border:0;width:100%;min-height:280px;padding:115px 38px 42px;transition:transform .45s,box-shadow .45s;position:relative;overflow:visible;transform:rotate(-2deg);box-shadow:0 22px 48px #1f1a1640}.theme-envelope:before{content:"";z-index:-1;clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:bottom;background:#d4c9b5;height:110px;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:-106px;left:0;right:0}.theme-envelope:after{content:"";pointer-events:none;opacity:.22;background:repeating-radial-gradient(circle at 30% 25%,#49413738 0 .45px,#0000 .7px 5px);position:absolute;inset:0}.theme-envelope:nth-child(2n){transform:rotate(2.2deg)translateY(42px)}.theme-envelope:nth-child(3){transform:rotate(1deg)translate(7%)}.theme-envelope:nth-child(4){transform:rotate(-1.5deg)translate(-4%,30px)}.theme-envelope:nth-child(5){grid-column:1/-1;justify-self:center;width:48%;transform:rotate(.8deg)translateY(15px)}.theme-envelope:first-child{width:105%}.theme-envelope:hover,.theme-envelope:focus-visible{outline:none;transform:rotate(0)translateY(-10px);box-shadow:0 34px 60px #1f1a1657}.theme-envelope:hover:before,.theme-envelope:focus-visible:before{transform:rotateX(18deg)}.theme-envelope span{letter-spacing:.3em;margin-bottom:14px;font:8px/1 Arial,sans-serif;display:block}.theme-envelope strong{font:400 30px/1.2 Georgia,Songti SC,serif}.red-thread{z-index:3;background:#d6cbb9;border:2px solid #9e5045;border-radius:50%;width:26px;height:26px;position:absolute;top:67px;left:50%;box-shadow:0 0 0 5px #9e504514}.red-thread:after{content:"";transform-origin:0;background:#9e5045;width:90px;height:1px;position:absolute;top:22px;left:12px;transform:rotate(22deg)}.nineteen-ending{color:#ece3d6;text-align:center;background:#3f3832;place-content:center;min-height:92vh;padding:20vh 24px;display:grid}.nineteen-ending small{letter-spacing:.35em;color:#c69b84;font:8px/1 Arial,sans-serif}.letter-reader{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29231ed1;padding:7vh 0;animation:.45s both reader-dim;position:fixed;inset:0;overflow-y:auto}.letter-reader>article{color:#39342f;transform-origin:top;background:#eee7da;width:min(760px,100% - 48px);min-height:88vh;margin:0 auto;padding:clamp(64px,9vw,110px);animation:1.9s cubic-bezier(.17,.84,.24,1) both letter-extract;position:relative;box-shadow:0 35px 90px #14100d61}@keyframes reader-dim{0%{opacity:0}to{opacity:1}}@keyframes letter-extract{0%{opacity:0;transform:translateY(45vh)scaleY(.35)}45%{opacity:1;transform:translateY(8vh)scaleY(.7)}to{transform:none}}.reader-close{color:#39342f;cursor:pointer;background:0 0;border:1px solid #39342f57;border-radius:50%;width:40px;height:40px;position:absolute;top:22px;right:24px}.letter-reader article>header{letter-spacing:.25em;border-bottom:1px solid #39342f66;justify-content:space-between;padding-bottom:18px;font:8px/1 Arial,sans-serif;display:flex}.letter-reader h2{margin:72px 0 60px;font:400 clamp(42px,6vw,68px)/1.1 Georgia,Songti SC,serif}.reader-copy p{text-align:justify;margin:0 0 1.4em;font:15px/2 fangsong,STFangsong,仿宋,serif}.reader-copy p:first-child{font-size:20px}.reader-copy img{object-fit:contain;opacity:0;width:100%;max-height:520px;margin:54px 0;animation:1s .9s forwards note-image;display:block}@keyframes note-image{to{opacity:1}}.letter-reader article>footer{text-align:center;margin-top:80px}.letter-reader article>footer button{color:#39342f9e;cursor:pointer;background:0 0;border:0;font:11px/1 fangsong,serif}.letter-reader article>footer span{margin-top:12px;font-size:22px;display:block}@media (width<=700px){.nineteen-letter{width:calc(100% - 30px);padding:64px 26px 76px}.nineteen-letter>small{margin-top:48px}.nineteen-letter h2{margin-bottom:42px;font-size:38px}.long-letter-copy p{text-align:left;font-size:13px;line-height:1.85}.long-letter-copy p:first-child{font-size:17px}.letter-pause{height:46vh}.theme-mailroom{width:100%;padding:55px 18px 130px;overflow:hidden}.theme-mailroom>header h2{margin-bottom:92px;font-size:36px}.envelope-grid{flex-direction:column;gap:58px;display:flex}.theme-envelope,.theme-envelope:first-child,.theme-envelope:nth-child(5){align-self:flex-start;width:54%;min-width:0;min-height:148px;padding:72px 16px 22px}.theme-envelope:nth-child(2n){align-self:flex-end;transform:rotate(2deg)}.theme-envelope:nth-child(3){align-self:center;transform:rotate(-1deg)translate(-8%)}.theme-envelope:nth-child(5){align-self:center;transform:rotate(1deg)}.theme-envelope:before{height:62px;top:-58px}.theme-envelope strong{font-size:21px}.red-thread{width:19px;height:19px;top:43px}.red-thread:after{width:48px;top:16px;left:8px}.nineteen-ending{min-height:85vh}.nineteen-ending p{font-size:34px}.letter-reader{padding:18px 0}.letter-reader>article{width:calc(100% - 24px);padding:68px 27px}.letter-reader h2{margin:54px 0 45px;font-size:40px}.reader-copy p{text-align:left;font-size:13px;line-height:1.85}}@media (prefers-reduced-motion:reduce){.nineteen-letter,.letter-reader,.letter-reader>article,.reader-copy img{animation:none}}.letter-envelope{--paper:#eee4d5;--paper-light:#f5eee2;--ink:#2d2925;--thread:#a95245;width:100%;color:var(--ink);background:repeating-radial-gradient(circle at 18% 14%, #40342a0e 0 .45px, transparent .7px 5px), var(--paper);padding:8vh 0 0}.letter-envelope:before,.letter-envelope:after{display:none}.letter-cover{width:min(1180px,100% - 56px);min-height:94vh;color:var(--ink);background:repeating-radial-gradient(ellipse at 25% 0, transparent 0 25px, #47382b13 26px 27px, transparent 28px 46px), var(--paper);box-shadow:none;clip-path:none;margin:0 auto 12vh;padding:7vh 5vw;overflow:hidden}.letter-cover:before{content:"";opacity:.32;pointer-events:none;mix-blend-mode:multiply;background:repeating-radial-gradient(circle at 22% 18%,#41342a2e 0 .4px,#0000 .7px 6px);position:absolute;inset:0}.letter-cover:after{content:"";z-index:0;background:#2d29253d;width:72%;height:1px;position:absolute;top:4%;left:3%}.letter-cover>p,.letter-cover>h1,.letter-cover>small,.parts-collage{z-index:1;position:relative}.letter-cover>p{letter-spacing:.22em;text-decoration:underline;-webkit-text-decoration-color:var(--thread);-webkit-text-decoration-color:var(--thread);-webkit-text-decoration-color:var(--thread);text-decoration-color:var(--thread);text-underline-offset:8px;margin:0;font:10px/1 Arial,sans-serif}.letter-cover h1{letter-spacing:-.075em;flex-direction:column;width:58%;margin:7vh 0 0;font:400 clamp(88px,12vw,184px)/.76 Georgia,Times New Roman,serif;display:flex}.letter-cover h1 span,.letter-cover h1 em{color:var(--ink);font-style:normal;display:block}.letter-cover h1 em{margin-left:8%}.letter-cover>small{letter-spacing:.28em;font:8px/1 Arial,sans-serif;position:absolute;bottom:7vh;left:5vw}.parts-collage{z-index:2;width:58%;height:66%;position:absolute;top:15%;right:2%}.part-photo,.part-swatch,.part-note{transform:rotate(var(--rotate,0deg));transition:transform .65s cubic-bezier(.2,.75,.2,1);position:absolute;box-shadow:0 13px 22px #2b221c2e}.parts-collage:hover>*{transform:translateY(-7px) rotate(calc(var(--rotate,0deg) * .55))}.part-photo{object-fit:cover;filter:saturate(.72)sepia(.08)}.part-photo-a{--rotate:-2deg;object-position:52% 35%;width:39%;height:55%;top:14%;left:19%}.part-photo-b{--rotate:1.5deg;object-position:center;width:31%;height:48%;top:24%;left:49%}.part-swatch{background-color:#e9dfcf;background-size:11px 11px;width:29%;height:23%}.swatch-blue{--rotate:2deg;background-image:linear-gradient(90deg,#0000 42%,#2d5882d1 44% 56%,#0000 58%),linear-gradient(#0000 42%,#2d5882d1 44% 56%,#0000 58%);top:30%;left:2%}.swatch-red{--rotate:-3deg;background-image:linear-gradient(90deg,#0000 45%,#a74c3cb3 47% 54%,#0000 56%),linear-gradient(#0000 45%,#a74c3cb3 47% 54%,#0000 56%);top:4%;left:36%}.swatch-green{--rotate:2.5deg;clip-path:polygon(5% 15%,88% 0,100% 82%,25% 100%);background:#86936f;bottom:8%;right:1%}.part-note{text-align:center;background:#f4eddf;width:128px;min-height:112px;padding:23px 18px;font:italic 17px/1.2 Georgia,serif}.part-note:before{content:"";background:#d5c5a985;width:45px;height:16px;position:absolute;top:-9px;left:calc(50% - 22px)}.note-one{--rotate:-5deg;top:1%;left:5%}.note-two{--rotate:4deg;background:#eee3bb;top:9%;right:0}.note-three{--rotate:3deg;bottom:0;right:8%}.nineteen-letter{background:var(--paper-light);width:min(920px,100% - 56px);box-shadow:0 28px 60px #382b1f29}.letter-pause{height:80vh;color:var(--ink);background:var(--paper)}.letter-pause span{display:none}.paper-bag{clip-path:polygon(10% 0,26% 0,28% 28%,72% 28%,74% 0,90% 0,97% 100%,3% 100%);background:#f7f2e8c2;border:1px solid #362f2933;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:18px;width:min(520px,72vw);height:min(430px,58vw);padding:31% 8% 8%;display:grid;position:relative;box-shadow:0 25px 55px #362b221f}.paper-bag:before{content:"";border:1px solid #38312b3b;border-bottom:0;border-radius:50% 50% 0 0;height:18%;position:absolute;top:14%;left:27%;right:27%}.paper-bag i{background:#eee4d5cc;border:1px solid #39322b4d;border-radius:50%;box-shadow:inset 0 0 0 7px #f5eee273}.paper-bag i:nth-of-type(3n){background:#9e4d3e80}.paper-bag i:nth-of-type(4n){background:#395b7d8c}.paper-bag i:nth-of-type(5n){background:#7d8b688c}.bag-scrap{z-index:-1;clip-path:polygon(4% 22%,68% 0,100% 86%,24% 100%);background:#81936e;width:30%;height:34%;position:absolute;top:14%}.bag-scrap-a{left:10%;transform:rotate(-10deg)}.bag-scrap-b{background:#2d5881;left:35%;transform:rotate(4deg)}.bag-scrap-c{background:#a64e40;right:8%;transform:rotate(12deg)}.theme-mailroom{width:min(980px,100% - 48px);padding:12vh 0 20vh}.theme-mailroom>header{color:var(--ink)}.theme-mailroom>header small{color:var(--thread);opacity:1}.theme-mailroom>header h2{font-family:fangsong,STFangsong,仿宋,serif}.envelope-grid{flex-direction:column;gap:105px;width:min(760px,100%);margin:0 auto;display:flex}.theme-envelope,.theme-envelope:first-child,.theme-envelope:nth-child(5){background:linear-gradient(31deg,#ded3c1 49.5%,#0000 50%) 0 100%/51% 74% no-repeat,linear-gradient(-31deg,#ded3c1 49.5%,#0000 50%) 100% 100%/51% 74% no-repeat,#f1e8d8;align-self:flex-start;width:62%;min-height:220px;padding:98px 34px 35px;overflow:visible}.theme-envelope:nth-child(2n){align-self:flex-end;transform:rotate(2deg)}.theme-envelope:nth-child(3){align-self:flex-start;transform:rotate(-1deg)translate(8%)}.theme-envelope:nth-child(4){align-self:flex-end;transform:rotate(1.7deg)translate(-5%)}.theme-envelope:nth-child(5){align-self:flex-start;transform:rotate(-1.5deg)translate(5%)}.theme-envelope:before{background:#ded3c1;height:82px;top:-78px}.theme-envelope strong{font-family:fangsong,STFangsong,仿宋,serif;font-size:34px}.envelope-letter-preview{z-index:-2;background:#f5eddf;border:1px solid #4c3f3429;height:126px;margin:0;padding:28px 24px;transition:transform .7s cubic-bezier(.2,.75,.2,1);position:absolute;top:-76px;left:12%;right:12%;transform:rotate(-1.5deg);box-shadow:0 8px 16px #2a221b1f}.envelope-letter-preview i{background:#41372f38;width:74%;height:1px;margin:0 0 12px;display:block}.envelope-letter-preview i:nth-child(2){width:88%}.envelope-letter-preview i:nth-child(3){width:66%}.envelope-letter-preview i:nth-child(4){width:82%}.theme-envelope:hover .envelope-letter-preview,.theme-envelope:focus-visible .envelope-letter-preview{transform:translateY(-13px)rotate(0)}.nineteen-ending{min-height:78vh;color:var(--ink);background:var(--paper);padding:15vh 24px}.nineteen-ending:before{content:"";background:repeating-linear-gradient(#0000 0 43px,#76543e1f 44px);border:1px solid #5741302e;grid-area:1/1;width:min(820px,100vw - 48px);height:min(420px,55vw);box-shadow:0 20px 46px #372b211f}.nineteen-ending small,.nineteen-ending p{grid-area:1/1;align-self:center;position:relative}.nineteen-ending small{color:var(--thread);align-self:start;margin-top:45px}.nineteen-ending p{letter-spacing:0;margin:0;font:400 clamp(27px,4vw,50px)/1.55 fangsong,STFangsong,仿宋,serif}@media (width<=700px){.letter-envelope{padding-top:0}.letter-cover{width:100%;min-height:88svh;margin-bottom:70px;padding:38px 18px}.letter-cover h1{width:100%;margin-top:42px;font-size:26vw;line-height:.72}.letter-cover h1 em{margin-left:4%}.parts-collage{width:82%;height:51%;top:24%;right:-7%}.part-note{width:76px;min-height:68px;padding:14px 8px;font-size:11px}.letter-cover>small{bottom:25px;left:18px}.nineteen-letter{width:calc(100% - 26px)}.letter-pause{height:64svh}.paper-bag{gap:9px;width:84vw;height:66vw}.theme-mailroom{width:100%;padding:80px 14px 120px}.theme-mailroom>header h2{margin-bottom:105px;font-size:30px}.envelope-grid{gap:96px}.theme-envelope,.theme-envelope:first-child,.theme-envelope:nth-child(5){align-self:center;width:70%;min-height:160px;padding:69px 20px 24px}.theme-envelope:first-child{transform:rotate(-1.8deg)translate(-3%)}.theme-envelope:nth-child(2){align-self:center;transform:rotate(1.4deg)translate(4%)}.theme-envelope:nth-child(3){align-self:center;transform:rotate(-1deg)translate(-2%)}.theme-envelope:nth-child(4){align-self:center;transform:rotate(1.5deg)translate(3%)}.theme-envelope:nth-child(5){align-self:center;transform:rotate(-1deg)translate(-1%)}.theme-envelope:before{height:59px;top:-56px}.theme-envelope strong{font-size:25px}.envelope-letter-preview{height:98px;padding:22px 18px;top:-60px}.envelope-letter-preview i{margin-bottom:9px}.red-thread{top:39px}.nineteen-ending{min-height:70svh;padding:12vh 14px}.nineteen-ending:before{width:calc(100vw - 28px);height:58vw;min-height:260px}.nineteen-ending p{padding:0 24px;font-size:25px}}.letter-envelope{background:#eee4d5;padding:0}.approved-artboard{isolation:isolate;background:#eee4d5;width:min(816px,100%);margin:0 auto;position:relative}.approved-artboard>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.artboard-portrait-strip{z-index:2;pointer-events:none;width:69%;height:10.3%;position:absolute;top:30.3%;left:15.5%}.artboard-portrait-strip img{object-fit:cover;filter:saturate(.82)sepia(.08)contrast(.95);border:clamp(3px,.65vw,6px) solid #f7f0e4f5;width:31%;height:92%;display:block;position:absolute;top:0;box-shadow:0 10px 20px #4636282b}.artboard-portrait-strip .portrait-many-hats{object-position:62% 56%;left:0;transform:rotate(-2.4deg)}.artboard-portrait-strip .portrait-pink-altitude{object-position:54% 51%;top:3%;left:34.5%;transform:rotate(1.5deg)}.artboard-portrait-strip .portrait-open-frame{object-position:50% 65%;right:0;transform:rotate(-1.2deg)}.artboard-remove-fifth{z-index:2;pointer-events:none;background:linear-gradient(100deg,#efe6d7f5,#f2eadcfa 48%,#ece2d2f5),#eee4d5;width:57%;height:7.8%;position:absolute;top:88.1%;left:16.5%;box-shadow:inset 0 1px #ffffff4d}.artboard-remove-fifth:before{content:"";border-top:1px dashed #9d524340;position:absolute;top:48%;left:7%;right:9%;transform:rotate(-1deg)}.letter-envelope>.letter-cover,.letter-envelope>.nineteen-letter,.letter-envelope>.letter-pause,.letter-envelope>.theme-mailroom,.letter-envelope>.nineteen-ending{display:none}.artboard-long-letter,.artboard-envelope-hotspot{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;position:absolute}.artboard-long-letter{width:74%;height:19.5%;top:23.5%;left:13%}.artboard-envelope-hotspots{pointer-events:none;position:absolute;inset:0}.artboard-envelope-hotspot{pointer-events:auto;width:57%;height:7.4%;left:21%}.artboard-envelope-hotspot.hotspot-1{top:55.8%}.artboard-envelope-hotspot.hotspot-2{top:64.4%}.artboard-envelope-hotspot.hotspot-3{top:72.8%}.artboard-envelope-hotspot.hotspot-4{top:80.8%}.artboard-envelope-hotspot.hotspot-5{top:88.4%}.artboard-long-letter span,.artboard-envelope-hotspot span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.artboard-envelope-hotspot.hotspot-4 span{clip:auto;white-space:normal;color:#4a4037;letter-spacing:.02em;background:linear-gradient(90deg,#eee5d6f5,#eee5d6 18% 82%,#eee5d6f5);place-items:center;width:47%;height:25%;font:400 clamp(12px,1.9vw,17px)/1 fangsong,STFangsong,仿宋,serif;display:grid;top:24%;left:9%;overflow:visible}.artboard-long-letter:after,.artboard-envelope-hotspot:after{content:"";border:1px solid #0000;border-radius:5px;transition:border-color .28s,box-shadow .28s,transform .28s;position:absolute;inset:5%}.artboard-long-letter:hover:after,.artboard-long-letter:focus-visible:after,.artboard-envelope-hotspot:hover:after,.artboard-envelope-hotspot:focus-visible:after{border-color:#964d3e52;outline:none;transform:translateY(-3px);box-shadow:0 12px 28px #35291f21}.long-letter-reader .reader-copy p:first-child{font-size:17px}@media (width<=700px){.approved-artboard{width:100%}.back-gallery{top:14px;left:12px}.archive-thread{display:none}}@media (prefers-reduced-motion:reduce){.artboard-long-letter:after,.artboard-envelope-hotspot:after{transition:none}}.approved-artboard-short-letter{background:#eee4d5;width:min(920px,100%)}.approved-artboard-short-letter .artboard-long-letter{width:68%;height:25%;top:5.2%;left:16%}.approved-artboard-short-letter+.letter-cover,.approved-artboard-short-letter~.nineteen-letter,.approved-artboard-short-letter~.letter-pause{display:none}.letter-envelope>.theme-mailroom,.letter-envelope>.nineteen-ending{display:block}.theme-mailroom{background:linear-gradient(#eee4d5f0,#eee4d5f0),repeating-radial-gradient(circle at 30% 25%,#49413726 0 .45px,#0000 .7px 5px);width:min(920px,100%);padding:12vh max(24px,7vw) 18vh}.theme-mailroom>header{display:none}.envelope-grid{width:min(700px,100%)}.nineteen-ending{width:min(920px,100%);margin:0 auto}@media (width<=700px){.approved-artboard-short-letter .artboard-long-letter{width:76%;height:27%;top:4.7%;left:12%}.theme-mailroom{padding:90px 14px 120px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}