:root{--ink:#25352c;--muted:#68766d;--paper:#f7f1e4;--paper-deep:#eee5d3;--moss:#4b6753;--moss-dark:#294333;--sage:#afc7ae;--cream:#f3eee2;--line:#24342b24;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--letter-font:"Turumoonight Custom", "Songti SC", "STSong", "Noto Serif SC", Georgia, serif}*{box-sizing:border-box}html{background:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{color:var(--ink);background:var(--cream);font-family:var(--letter-font);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable=true]:focus-visible{outline-offset:3px;outline:2px solid #294333b8}.page-shell{min-height:100svh}.eyebrow{color:var(--moss);font:650 10px/1.2 var(--sans);letter-spacing:.24em;display:inline-block}.primary-button{cursor:pointer;color:#fff;background:var(--moss-dark);min-height:48px;font:650 13px var(--sans);border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 24px;transition:transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 14px 36px #23432e3d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 44px #23432e4d}.entry-page{background:radial-gradient(circle at 20% 25%,#ffffffb8 0 4%,#0000 22%),linear-gradient(150deg,#cfe0bf 0%,#86a47e 42%,#3d5c49 100%);place-items:center;min-height:100svh;padding:28px;display:grid;position:relative;overflow:hidden}.entry-page:before,.entry-page:after{content:"";filter:blur(4px);background:#214e3047;border-radius:50%;position:absolute}.entry-page:before{width:48vw;height:48vw;bottom:-18vw;left:-16vw}.entry-page:after{width:34vw;height:34vw;top:-8vw;right:-10vw}.entry-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f4efe1c2;border:1px solid #ffffff80;border-radius:32px;width:min(600px,100%);padding:clamp(42px,8vw,84px);position:relative;box-shadow:0 32px 80px #1c332538}.entry-card h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(42px,7vw,66px);font-weight:500}.entry-card>p{color:var(--muted);margin:0 auto 36px;line-height:1.9}.entry-moon{background:#fffbe2bd;border-radius:50%;place-items:center;width:76px;height:76px;margin:-14px auto 26px;display:grid;box-shadow:0 0 54px #fff5b38c}.entry-moon span{background:#fff5c6;border-radius:50%;width:42px;height:42px;box-shadow:inset -12px -4px #54704e29}.entry-form{text-align:left;width:min(360px,100%);margin:0 auto}.entry-form>label{color:#536458;font:650 12px var(--sans);letter-spacing:.05em;margin:0 0 9px 4px;display:block}.entry-input-row{background:#ffffff94;border:1px solid #29433326;border-radius:16px;grid-template-columns:1fr 48px;gap:8px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffffb3}.entry-input-row input{width:100%;min-width:0;color:var(--ink);font:500 14px var(--sans);background:0 0;border:0;outline:none;padding:0 12px}.entry-input-row input::placeholder{color:#99a299}.entry-input-row button{cursor:pointer;color:#fff;background:var(--moss-dark);border:0;border-radius:12px;height:44px;transition:transform .2s}.entry-input-row button:hover{transform:translate(2px)}.entry-card .entry-error{color:#98584f;min-height:20px;font:500 12px/1.6 var(--sans);margin:8px 4px 0}.entry-footnote{color:#36473b8f;font:500 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:34px;display:block}.entry-known-actions{flex-direction:column;align-items:center;gap:15px;display:flex}.entry-studio-link{color:#294333b8;min-height:34px;font:600 12px var(--sans);align-items:center;gap:7px;padding:4px 10px;transition:color .2s,transform .2s;display:inline-flex}.entry-studio-link svg,.scene-studio-link svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.entry-studio-link:hover{color:var(--moss-dark);transform:translateY(-1px)}.route-loading{min-height:100svh;color:var(--muted);background:var(--cream);place-content:center;justify-items:center;gap:14px;display:grid}.route-loading p{margin:0}.route-loading-dot{background:var(--moss);border-radius:50%;width:11px;height:11px;animation:1.8s ease-in-out infinite quiet-breathe;box-shadow:0 0 0 10px #47634f1f}.scene-page,.preview-page{background:#78966c;height:100svh;overflow:hidden}.story-scene{isolation:isolate;perspective:1400px;min-height:100svh;position:relative;overflow:hidden}.story-background{transform-origin:50%;background:radial-gradient(circle at 68% 22%,#fffacbeb 0 2.2%,#fff2b152 7%,#0000 20%),linear-gradient(#c9dda7 0%,#b3ca92 31%,#718d64 68%,#3e5d47 100%);transition:filter 1s cubic-bezier(.22,1,.36,1),opacity 1s;position:absolute;inset:0;overflow:hidden}.letter-is-open .story-background{filter:blur(28px)saturate(.68)brightness(.72);opacity:.82}.sun-haze{filter:blur(18px);background:radial-gradient(circle at 70% 20%,#ffffe1a3,#0000 22%);animation:12s ease-in-out infinite alternate light-drift;position:absolute;inset:-20%}.mountain{transform-origin:bottom;border-radius:50% 50% 0 0;width:112%;position:absolute;left:-5%}.mountain-back{opacity:.5;clip-path:polygon(0 67%,12% 42%,25% 59%,40% 22%,54% 62%,68% 34%,84% 58%,100% 28%,100% 100%,0 100%);background:#7b9a73;height:44%;bottom:24%}.mountain-front{clip-path:polygon(0 50%,18% 34%,31% 56%,48% 38%,63% 62%,76% 42%,100% 54%,100% 100%,0 100%);background:linear-gradient(#63805d,#2e503e);height:44%;bottom:0}.story-trees{filter:drop-shadow(0 24px 24px #1e3a2933);transform-origin:bottom;width:32vw;height:74%;animation:8s ease-in-out infinite alternate foliage-sway;position:absolute;bottom:-8%}.story-trees:before,.story-trees:after{content:"";background:radial-gradient(circle at 24% 18%,#688a5f 0 8%,#0000 9%),radial-gradient(circle at 45% 28%,#557653 0 14%,#0000 15%),radial-gradient(circle at 68% 18%,#769566 0 11%,#0000 12%),radial-gradient(circle at 54% 48%,#3f674b 0 18%,#0000 19%),radial-gradient(circle at 24% 54%,#547c53 0 18%,#0000 19%);border-radius:48% 52% 45% 55%;position:absolute;inset:0}.story-trees:after{opacity:.66;filter:blur(2px);inset:16% -12% -4% 10%}.story-trees-left{left:-6vw}.story-trees-right{opacity:.78;animation-name:foliage-sway-right;right:-10vw}.story-figures{filter:drop-shadow(0 24px 28px #1a312247);width:260px;height:310px;position:absolute;bottom:14%;left:58%;transform:translate(-50%)}.figure{background:linear-gradient(150deg,#667c62 0%,#304f3e 76%);border-radius:55px 55px 20px 20px;width:118px;height:244px;position:absolute;bottom:0}.figure:before{content:"";background:#e4c9a7;border-radius:50%;width:70px;height:70px;position:absolute;top:-48px;left:24px;box-shadow:inset 10px -6px #5542351f}.figure i{background:#26382f;border-radius:80% 60% 48% 24%;width:104px;height:86px;position:absolute;top:-68px;left:6px;transform:rotate(-6deg)}.figure-one{left:30px;transform:rotate(-3deg)}.figure-two{background:linear-gradient(150deg,#9aab7d,#4d6d52);height:228px;right:22px;transform:rotate(3deg)}.figure-two i{border-radius:58% 80% 30% 62%;transform:rotate(8deg)}.ambient-motes i{opacity:.42;background:#fff9c7;border-radius:50%;width:5px;height:5px;animation:9s ease-in-out infinite mote-float;position:absolute;box-shadow:0 0 12px #fff7bab8}.ambient-motes i:first-child{animation-delay:-2s;top:32%;left:18%}.ambient-motes i:nth-child(2){animation-delay:-6s;top:22%;left:43%}.ambient-motes i:nth-child(3){animation-delay:-4s;top:52%;left:71%}.ambient-motes i:nth-child(4){animation-delay:-7s;top:29%;left:82%}.ambient-motes i:nth-child(5){animation-delay:-1s;top:68%;left:55%}.scene-caption{color:#fffdf4;text-shadow:0 3px 28px #1a312252;max-width:520px;position:absolute;bottom:clamp(34px,9vh,96px);left:clamp(28px,7vw,104px)}.scene-caption .eyebrow{color:#ffffffc2}.scene-caption h1{letter-spacing:-.045em;margin:17px 0 14px;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1.18}.scene-caption p{color:#ffffffad;margin:0}.scene-brand{color:#ffffffc7;font:550 12px var(--sans);letter-spacing:.04em;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(20px,4vw,42px);left:clamp(22px,4vw,56px)}.scene-brand span{width:28px;height:28px;font-family:var(--letter-font);border:1px solid #ffffff6b;border-radius:50%;place-items:center;display:grid}.scene-studio-link{z-index:4;color:#ffffffbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:38px;font:560 11px var(--sans);letter-spacing:.08em;background:#233e2b1f;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:color .22s,background .22s,border-color .22s,transform .22s;display:inline-flex;position:absolute;top:clamp(20px,4vw,42px);right:clamp(22px,4vw,56px);box-shadow:0 8px 28px #1c342614}.scene-studio-link:hover{color:#fffffff5;background:#233e2b3d;border-color:#ffffff75;transform:translateY(-1px)}.scene-hotspot{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;display:grid;position:absolute;top:38%;left:74%}.hotspot-ring{border:1px solid #ffffe87a;border-radius:50%;animation:3.2s ease-in-out infinite hotspot-breathe;position:absolute;inset:6px}.story-background,.scene-hotspot,.scene-hotspot>span{caret-color:#0000;-webkit-user-select:none;user-select:none}.scene-hotspot>span{pointer-events:none;cursor:pointer}.scene-hotspot:focus-visible{outline-offset:3px;outline:1px solid #fffee1cc}.hotspot-spark{background:#fffef1;border-radius:50%;width:8px;height:8px;transition:box-shadow .3s,transform .3s;box-shadow:0 0 14px 7px #fff4a0a8}.scene-hotspot:hover .hotspot-spark,.scene-hotspot:focus-visible .hotspot-spark{transform:scale(1.18);box-shadow:0 0 20px 10px #fff4a0d1}.letter-overlay{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(.74);backdrop-filter:blur(24px)saturate(.74);background:#283b2d52;position:fixed;inset:0;overflow:hidden}.overlay-chrome{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,54px);display:flex;position:absolute;inset:0 0 auto}.overlay-whisper,.overlay-back-link{color:#ffffffbd;font:600 10px var(--sans);letter-spacing:.18em;pointer-events:auto}.overlay-back-link{letter-spacing:.02em}.overlay-close{cursor:pointer;color:#fff;width:42px;height:42px;font:300 27px/1 var(--sans);pointer-events:auto;background:#24342b38;border:1px solid #ffffff5c;border-radius:50%;transition:background .2s,transform .2s}.overlay-close:hover{background:#24342b6b;transform:rotate(4deg)}.letter-overlay-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;height:100%;padding:88px 24px 120px;overflow:auto}.reader-paper-wrap{transform-origin:50% 0;width:min(760px,100%);margin:0 auto}.studio-page{background:#d5d0c5}.letter-studio{background:#d5d0c5;grid-template-rows:64px minmax(0,1fr);min-height:100svh;display:grid}.studio-topbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;font-family:var(--sans);background:#f7f4eceb;border-bottom:1px solid #24342b1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 clamp(14px,3vw,34px);display:grid;position:relative;box-shadow:0 1px #ffffff80}.studio-navigation{align-items:center;gap:14px;min-width:0;display:flex}.studio-back,.studio-new-letter{cursor:pointer;color:#59675e;width:max-content;font:550 12px var(--sans);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.studio-new-letter{color:#738078;gap:4px;font-size:11px}.studio-new-letter>span:first-child{font-size:15px;font-weight:350}.studio-new-letter:hover{color:var(--moss-dark)}.studio-new-letter:disabled,.studio-back:disabled{cursor:wait;opacity:.42}.studio-status{color:#78837c;font:500 10px var(--sans);white-space:nowrap;align-items:center;gap:7px;display:flex}.save-dot{background:#84a08a;border-radius:50%;width:7px;height:7px}.save-saving,.save-loading{animation:1.3s ease-in-out infinite quiet-breathe}.save-error{background:#aa6559}.status-divider{color:#b2b8b3}.publication-state{color:#637268}.publication-state.has-changes{color:#927354}.save-retry{cursor:pointer;color:#98584f;font:600 9px var(--sans);background:#98584f17;border:0;border-radius:999px;padding:2px 6px}.studio-actions{justify-self:end;align-items:center;gap:7px;display:flex}.history-controls{gap:2px;margin-right:4px;display:flex}.history-controls button,.topbar-button{cursor:pointer;color:#59675e;min-width:34px;height:34px;font:550 11px var(--sans);background:#ffffff9e;border:1px solid #24342b1f;border-radius:9px;padding:0 12px}.history-controls button{background:0 0;border-color:#0000;padding:0;font-size:17px}.history-controls button:disabled{cursor:default;opacity:.32}.topbar-button:disabled{cursor:wait;opacity:.48}.topbar-publish{color:#fff;border-color:var(--moss-dark);background:var(--moss-dark)}.studio-confirm-backdrop{z-index:220;-webkit-backdrop-filter:blur(12px)saturate(.78);backdrop-filter:blur(12px)saturate(.78);background:#24342b59;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.studio-confirm-dialog{width:min(430px,100%);color:var(--ink);font-family:var(--sans);background:#f9f5ebf7;border:1px solid #ffffff94;border-radius:24px;padding:clamp(28px,6vw,42px);box-shadow:0 28px 90px #1d30244d}.studio-confirm-dialog h2{font:500 28px/1.25 var(--letter-font);margin:12px 0 11px}.studio-confirm-dialog p{color:#6d7971;margin:0;font-size:12px;line-height:1.85}.studio-confirm-actions{justify-content:flex-end;gap:9px;margin-top:26px;display:flex}.studio-confirm-actions button{cursor:pointer;color:#657169;min-height:38px;font:580 11px var(--sans);background:#ffffffb8;border:1px solid #24342b21;border-radius:10px;padding:0 16px}.studio-confirm-actions .confirm-primary{border-color:var(--moss-dark);color:#fff;background:var(--moss-dark)}.studio-layout{grid-template-columns:276px minmax(0,1fr);min-height:0;display:grid}.studio-tools{z-index:10;min-height:0;font-family:var(--sans);background:#f9f6eef2;border-right:1px solid #24342b1c;padding:30px 24px;position:relative;overflow-y:auto}.studio-tools h1{font:500 29px/1.25 var(--letter-font);margin:11px 0 7px}.studio-tools>div>p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.tool-section{border-top:1px solid #24342b1a;margin-top:24px;padding-top:22px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title-row h2{margin:0;font-size:12px}.section-title-row>span{color:#89938c;font-size:10px}.upload-button{cursor:pointer;width:100%;min-height:68px;color:var(--moss);font:550 11px var(--sans);background:#b1c6ae17;border:1px dashed #47634f59;border-radius:13px;place-content:center;gap:3px;display:grid}.upload-button span{font-size:19px;font-weight:300}.upload-button:disabled{cursor:not-allowed;opacity:.48}.tool-hint{color:#909993;font:500 9px/1.55 var(--sans);margin:9px 2px 0}.style-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.style-options button{cursor:pointer;color:#657169;font:500 9px var(--sans);background:#fff;border:1px solid #24342b1c;border-radius:10px;justify-items:center;gap:6px;padding:8px 3px 7px;display:grid}.style-options button.is-active{border-color:var(--moss);color:var(--moss-dark);box-shadow:0 0 0 2px #47634f14}.rotation-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.rotation-actions button{cursor:pointer;color:#667169;min-height:31px;font:500 9px var(--sans);background:#ffffffb8;border:1px solid #24342b1c;border-radius:8px}.style-swatch{background:#d7ddd1;width:38px;height:29px;display:block}.style-plain{background:linear-gradient(145deg,#98ad91,#657d68);border-radius:3px}.style-polaroid{border:5px solid #fff;border-bottom-width:8px;box-shadow:0 2px 7px #24342b29}.style-paper{border:3px solid #eee3ce;transform:rotate(-2deg);box-shadow:0 3px 8px #24342b21}.photo-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.photo-actions button{cursor:pointer;color:#667169;min-height:33px;font:500 9px var(--sans);background:#ffffffb8;border:1px solid #24342b1f;border-radius:8px}.photo-actions .danger-button{color:#a25b50;grid-column:1/-1}.tool-tip{color:#7b857e;font:500 9px/1.55 var(--sans);background:#47634f0e;border-radius:12px;gap:9px;margin-top:22px;padding:13px;display:flex}.tool-tip span{color:var(--moss)}.tool-tip p{margin:0}.studio-message{color:#8e5c52;font:500 10px/1.6 var(--sans);margin:18px 2px 0}.studio-workspace{background-color:#d0cabf;background-image:linear-gradient(90deg,#ffffff21 1px,#0000 1px),linear-gradient(#ffffff21 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:0;min-height:0;overflow:hidden}.canvas-scroll{overscroll-behavior:contain;width:100%;height:100%;padding:48px max(34px,50% - 380px) 110px;overflow:auto}.letter-canvas{isolation:isolate;color:#3f4842;background:var(--paper);width:min(760px,100%);min-height:880px;margin:0 auto;padding:clamp(46px,10.8%,82px) clamp(30px,11.58%,88px) clamp(72px,15.2%,116px);position:relative;box-shadow:0 28px 70px #3c393038,0 2px 3px #3c39301c}.letter-canvas:after{content:"";z-index:-1;pointer-events:none;border:1px solid #48524b12;position:absolute;inset:clamp(11px,2.6vw,20px)}.paper-grain{z-index:-2;opacity:.31;pointer-events:none;background:radial-gradient(circle at 18% 11%,#6f5b3a14 0 1px,#0000 1.5px) 0 0/23px 29px,radial-gradient(circle at 73% 37%,#5f50380f 0 1px,#0000 1.5px) 0 0/31px 37px,repeating-linear-gradient(8deg,#0000 0 11px,#584c3704 12px);position:absolute;inset:0}.canvas-date{z-index:2;color:#8a928d;min-height:22px;font:500 10px var(--sans);letter-spacing:.07em;margin:0 0 17px;display:block;position:relative}.canvas-date-input{background:0 0;border:0;outline:0;width:150px;padding:0}.canvas-title,.canvas-salutation,.canvas-signature{z-index:2;width:100%;color:inherit;background:0 0;border:0;outline:0;font-family:inherit;display:block;position:relative}.canvas-title,.preview-title{letter-spacing:-.04em;margin:0 0 34px;font-size:clamp(30px,5.6vw,42px);font-weight:500;line-height:1.25}.canvas-title::placeholder,.canvas-salutation::placeholder,.canvas-signature::placeholder{color:#b0b3ae}.canvas-date-input:disabled,.canvas-title:disabled,.canvas-salutation:disabled,.canvas-signature:disabled{opacity:1;color:inherit;-webkit-text-fill-color:currentColor}.canvas-salutation,.preview-salutation{margin:0 0 18px;font-size:clamp(16px,2.35vw,18px)}.canvas-signature,.preview-signature{text-align:right;max-width:280px;margin:40px 0 0 auto;font-size:clamp(15px,2.1vw,16px)}.preview-title,.preview-salutation,.preview-signature{z-index:2;position:relative}.letter-editor-content{z-index:2;overflow-wrap:anywhere;outline:none;min-height:560px;font-size:clamp(15px,2.25vw,17px);line-height:2.08;position:relative}.letter-canvas-reader .letter-editor-content{min-height:0}.letter-editor-content p{margin:0 0 1.22em}.letter-editor-content blockquote{color:#657169;border-left:2px solid #47634f4d;margin:1.6em 0;padding-left:1.35em}.letter-editor-content ul,.letter-editor-content ol{padding-left:1.4em}.letter-editor-content p.is-editor-empty:first-child:before{float:left;color:#a9aea9;content:attr(data-placeholder);pointer-events:none;height:0}.preview-editor-content{pointer-events:none}.selection-toolbar{z-index:80;color:#eaf0ea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#25352cf0;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:0 12px 34px #1f2d2447}.selection-toolbar-group{align-items:center;gap:2px;display:flex}.selection-toolbar button{cursor:pointer;color:#ffffffc2;min-width:29px;height:29px;font:600 10px var(--sans);background:0 0;border:0;border-radius:7px;padding:0 7px}.selection-toolbar button:hover,.selection-toolbar button.is-active{color:#fff;background:#ffffff26}.toolbar-divider{background:#ffffff29;width:1px;height:18px;margin:0 2px}.canvas-photos{z-index:6;pointer-events:none;position:absolute;inset:0}.photo-sticker{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;background:0 0;padding:0;position:absolute;top:0;left:0;box-shadow:0 14px 28px #2c342d2b}.photo-sticker:active{cursor:grabbing}.photo-sticker.is-selected{will-change:transform, width, height}.photo-sticker:not(.is-selected){touch-action:pan-y}.photo-sticker img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.photo-sticker.is-selected{outline-offset:3px;outline:1px solid #47634fb8}.letter-canvas-reader .photo-sticker{pointer-events:none;cursor:default;touch-action:auto}.photo-style-plain{border-radius:3px;overflow:hidden}.photo-style-polaroid{background:#fffefa;padding:3.8% 3.8% 12%}.photo-style-paper{background:#eee5d3;padding:2.5%;box-shadow:0 14px 28px #2c342d29,inset 0 0 0 1px #5b4b330f}.photo-style-paper:after{content:"";opacity:.42;pointer-events:none;background:repeating-linear-gradient(7deg,#0000 0 8px,#56462d06 9px);position:absolute;inset:0}.paper-photo-edge{pointer-events:none;border:1px solid #5c4c371f;position:absolute;inset:-2px}.moveable-control-box{z-index:70!important}.moveable-line{background:var(--moss)!important}.moveable-control{border-color:var(--moss)!important;pointer-events:auto!important;background:#fff!important;width:11px!important;height:11px!important}.moveable-rotation-line{background:var(--moss)!important}@keyframes quiet-breathe{50%{opacity:.62;transform:scale(1.18)}}@keyframes hotspot-breathe{0%,to{opacity:.42;transform:scale(.84);box-shadow:0 0 #fff6c31a}50%{opacity:.78;transform:scale(1.08);box-shadow:0 0 0 10px #fff6c30f}}@keyframes foliage-sway{0%{transform:rotate(-.5deg)scale(1.01)}to{transform:rotate(.7deg)scale(1.015)}}@keyframes foliage-sway-right{0%{transform:scaleX(-1)rotate(-.4deg)}to{transform:scaleX(-1)rotate(.6deg)}}@keyframes light-drift{0%{opacity:.86;transform:translate(-1%)}to{opacity:1;transform:translate(1.5%,1%)}}@keyframes mote-float{0%,to{opacity:.18;transform:translateY(8px)}50%{opacity:.52;transform:translate(10px,-16px)}}@media (max-width:980px){.story-figures{opacity:.84;left:67%}.studio-layout{grid-template-columns:232px minmax(0,1fr)}.studio-tools{padding:26px 18px}.canvas-scroll{padding-left:24px;padding-right:24px}}@media (max-width:720px){.entry-card{border-radius:24px;padding:42px 24px}.entry-card h1{font-size:clamp(34px,10.8vw,45px)}.scene-caption{bottom:34px;left:24px;right:24px}.scene-caption h1{font-size:clamp(37px,11vw,48px)}.scene-caption p{font-size:13px}.story-figures{transform-origin:bottom;bottom:19%;left:66%;transform:translate(-50%)scale(.76)}.story-trees{width:50vw}.scene-hotspot{width:52px;height:52px;top:33%;left:auto;right:22px}.scene-brand{top:18px;left:18px}.scene-studio-link{min-height:34px;padding:0 11px;top:18px;right:18px}.letter-overlay-scroll{padding:78px 12px 70px}.overlay-chrome{height:58px}.overlay-close{width:38px;height:38px}.letter-studio{min-height:100svh;display:block}.studio-topbar{grid-template-columns:auto 1fr auto;gap:8px;height:58px;position:sticky;top:0}.studio-navigation{gap:10px}.studio-back{gap:0;font-size:0}.studio-back span{font-size:18px}.studio-new-letter{padding:6px 0}.studio-status{justify-self:center}.studio-status .status-secondary,.studio-status .publication-state,.history-controls{display:none}.topbar-button{min-width:auto;height:32px;padding:0 9px;font-size:10px}.studio-layout{min-height:calc(100svh - 58px);display:block}.studio-tools{z-index:36;border-bottom:1px solid #24342b1a;border-right:0;min-height:auto;padding:12px 14px;position:sticky;top:58px;overflow:visible;box-shadow:0 8px 22px #3e463f14}.studio-tools>div:first-child,.tool-tip{display:none}.tool-section{border:0;margin:0;padding:0}.photo-upload-panel{grid-template-columns:auto minmax(130px,1fr);align-items:center;gap:10px;display:grid}.photo-upload-panel .section-title-row{gap:6px;margin:0}.upload-button{justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.upload-button span{font-size:16px}.photo-upload-panel .tool-hint{display:none}.photo-context-panel{border-top:1px solid #24342b14;margin-top:12px;padding-top:12px}.photo-context-panel .style-options{grid-template-columns:repeat(3,minmax(64px,1fr))}.photo-context-panel .tool-hint{display:none}.studio-message{margin:10px 0 0}.studio-workspace{min-height:calc(100svh - 126px);overflow:visible}.canvas-scroll{height:auto;min-height:100%;padding:20px 10px 70px;overflow:visible}.letter-canvas{width:100%;box-shadow:0 18px 44px #3c393033}.selection-toolbar{max-width:calc(100vw - 18px);overflow-x:auto}.moveable-control{width:16px!important;height:16px!important}}@media (max-width:430px){.studio-topbar{padding:0 10px}.studio-navigation{gap:7px}.studio-new-letter-label{display:none}.studio-new-letter>span:first-child{font-size:18px}.studio-actions{gap:4px}.studio-status{font-size:9px}.style-swatch{display:none}.style-options button{min-height:32px;display:block}.photo-actions button{min-height:32px}.letter-canvas{padding-left:30px;padding-right:30px}.letter-editor-content{line-height:1.95}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.paged-letter{width:min(760px,100%);margin:0 auto}.paper-actions,.paper-pagination{color:#647368;font:12px var(--sans);justify-content:center;align-items:center;gap:12px;display:flex}.paper-actions{flex-wrap:wrap;margin-bottom:16px}.paper-actions>span{margin-right:auto}.paper-actions button,.paper-pagination button,.backup-import-button{color:#445e4e;cursor:pointer;background:#f6f7f1;border:1px solid #bac5b9;border-radius:5px;padding:8px 12px}.paper-actions button:disabled,.paper-pagination button:disabled{opacity:.4;cursor:default}.paper-export-hint{font:12px/1.7 var(--sans);color:#647368;margin:0 0 16px}.paper-viewport{width:100%;position:relative}.letter-canvas{transform-origin:0 0;min-height:0;margin:0;padding:0;overflow:clip}.letter-canvas:after{inset:20px}.paper-flow{column-width:632px;column-fill:auto;column-gap:128px;width:632px;height:946.857px;position:absolute;top:64px;left:64px}.paper-flow .letter-editor-content{min-height:0;font-size:17px;line-height:2.08}.paper-flow p{orphans:2;widows:2}.paper-flow h1,.paper-flow h2,.paper-flow h3{break-after:avoid}.paper-flow pre{white-space:pre-wrap;overflow-wrap:anywhere}.paper-flow .canvas-title{white-space:pre;height:54px;padding:0;font-size:42px;line-height:54px;overflow:hidden}.paper-flow .canvas-salutation{white-space:pre;height:27px;padding:0;font-size:18px;line-height:27px;overflow:hidden}.paper-flow .canvas-signature{white-space:pre;height:25px;padding:0;font-size:16px;line-height:25px;overflow:hidden}.paper-flow .canvas-date{height:22px;line-height:22px}.paper-flow .canvas-date,.paper-flow .canvas-title,.paper-flow .canvas-salutation,.paper-flow .canvas-signature{break-inside:avoid}.paper-pagination{margin-top:20px;padding-bottom:8px}.paper-pagination span{text-align:center;min-width:95px}.paper-pagination{flex-wrap:wrap}.paper-page-jump{justify-content:center;align-items:center;gap:8px;display:flex}.paper-page-jump input{text-align:center;width:58px;padding:7px 4px}.paper-page-jump input,.photo-page-controls select{color:#445e4e;background:#f6f7f1;border:1px solid #bac5b9;border-radius:4px}.photo-page-controls{color:#445e4e;font:12px var(--sans);background:#e7eddf;border-radius:5px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.photo-page-controls label{align-items:center;gap:8px;display:flex}.photo-page-controls select{font:inherit;padding:7px}@media (max-width:600px){.paper-page-jump{flex-basis:100%}}.paper-page-number{text-align:center;color:#9a9f95;width:100%;font:11px var(--sans);pointer-events:none;position:absolute;bottom:25px}#letter-print-root{display:none}@page{size:A4 portrait;margin:0}@media print{body>:not(#letter-print-root){display:none!important}html,body{width:210mm;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#letter-print-root{display:block!important}.letter-print-sheet{break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210mm;height:297mm;position:relative;overflow:clip}.letter-print-sheet:last-child{break-after:auto}.letter-print-sheet .letter-canvas{box-shadow:none;transform:scale(1.04424)!important}.letter-print-sheet .photo-sticker{outline:none!important}}.backup-import-dialog{color:var(--ink);border:0}.backup-import-dialog::backdrop{background:#19261d7a}.paper-field{break-inside:avoid;white-space:pre-wrap;overflow-wrap:anywhere;display:grid}.paper-field-title{letter-spacing:-.04em;margin:0 0 34px;font-size:42px;font-weight:500;line-height:54px}.paper-field-salutation{margin:0 0 18px;font-size:18px;line-height:27px}.paper-field-signature{text-align:right;max-width:280px;margin:40px 0 0 auto;font-size:16px;line-height:25px}.paper-field>*{grid-area:1/1;min-width:0}.paper-field-measure{visibility:hidden}.paper-flow .paper-field>:not(.paper-field-measure){resize:none;width:100%;height:100%;min-height:0;font:inherit;letter-spacing:inherit;white-space:inherit;overflow-wrap:inherit;border:0;margin:0;padding:0;overflow:hidden}@media print{.paper-field>:not(.paper-field-measure){outline:none!important}}.letter-canvas{--paper-calligraphy:"Turumoonight Custom", "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Songti SC", serif;color:#443a2c;background-color:#efe3c9;background-image:radial-gradient(at 20% 12%,#fffdeda8,#0000 58%),radial-gradient(at 93% 80%,#a57c4014,#0000 48%),linear-gradient(90deg,#7d59271a,#0000 2% 98%,#7d592717);box-shadow:0 24px 58px #3f301a33,0 2px 4px #3f301a2e,inset 0 0 38px #845f2b12}.letter-canvas:after{outline-offset:4px;border:1px solid #79593047;outline:1px solid #79593021;inset:35px 29px}.paper-grain{opacity:.7;mix-blend-mode:multiply;background-image:url(/textures/letter-fibers.svg);background-size:256px 256px}.paper-running-title{color:#927851;font:13px/20px var(--paper-calligraphy);letter-spacing:.28em;pointer-events:none;background:#f1e6ce;padding:0 15px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.paper-seal{outline-offset:-5px;color:#984e38;width:37px;height:37px;font:14px/14px var(--paper-calligraphy);letter-spacing:2px;opacity:.82;pointer-events:none;background:#efe2c8;border:2px solid #963f2ba3;outline:1px solid #963f2b47;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:43px;transform:rotate(-4deg)}.paper-flow .canvas-date{color:#927c5d;font-family:var(--letter-font);letter-spacing:.14em}.paper-field-title{font-family:var(--paper-calligraphy);letter-spacing:.08em;color:#4e3c28;font-size:38px;font-weight:400}.paper-field-salutation,.paper-field-signature{font-family:var(--paper-calligraphy);color:#5d4830}.paper-field-signature{font-size:18px}.paper-flow .canvas-title::placeholder,.paper-flow .canvas-salutation::placeholder,.paper-flow .canvas-signature::placeholder,.paper-flow .letter-editor-content p.is-editor-empty:first-child:before{color:#ac9878}.paper-flow .letter-editor-content blockquote{color:#79674e;border-left-color:#ad9270}.paper-page-number{color:#9c8564;font-family:var(--letter-font);letter-spacing:.18em}.paper-page-number:before,.paper-page-number:after{content:"";background:#8c6f4445;width:21px;height:1px;margin:0 12px 3px;display:inline-block}.scene-page,.preview-page{height:100dvh}.story-scene{min-height:100dvh}.story-background{background:#09110d}.animated-scene-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-loading{color:#e8e2cf;font-family:var(--letter-font);background:#101d17;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.scene-loading button{color:inherit;cursor:pointer;background:0 0;border:1px solid #c6c5a666;border-radius:24px;padding:10px 18px}.scene-playback{z-index:4;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}.scene-playback button{color:#ecead9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;font:12px var(--sans);cursor:pointer;background:#172b20a6;border:1px solid #dfdfbe55;border-radius:30px;align-items:center;gap:9px;padding:0 16px;display:inline-flex}.scene-playback button:hover{background:#263e2fdd}.scene-playback button:disabled{opacity:.45;cursor:wait}.scene-playback button:focus-visible{outline-offset:4px;outline:2px solid #e5d9a7}.scene-playback svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.scene-playback kbd{font:10px var(--sans);opacity:.6}.story-scene .scene-hotspot{left:var(--letter-x,calc(50% - max(100vw, 222.222dvh) * .035));top:var(--letter-y,calc(30% - max(45vw, 100dvh) * .0865));right:auto;translate:-50% -50%}@media (max-width:600px){.scene-playback{right:18px;bottom:max(18px, env(safe-area-inset-bottom))}}.session-notice{z-index:200;color:#493f2b;text-align:center;background:#faf0d7;padding:12px 24px;font-size:13px;position:fixed;inset:0 0 auto}.session-notice a{text-decoration:underline}.has-mailbox{padding:88px clamp(16px,4vw,64px) 70px}.mailbox-layout{grid-template-columns:220px minmax(0,760px);justify-content:center;align-items:start;gap:clamp(30px,5vw,80px);width:min(1200px,100%);margin:auto;display:grid}.mailbox-sidebar{scrollbar-width:thin;scrollbar-color:#aaa18b transparent;max-height:calc(100dvh - 180px);padding:5px 10px 18px 2px;position:sticky;top:0;overflow-y:auto}.mailbox-heading{color:#f6f0dc;letter-spacing:.2em;flex-direction:column;gap:8px;margin-bottom:24px;font-size:23px;display:flex}.mailbox-heading small{font:12px var(--sans);color:#d5d7c8;letter-spacing:.04em}.mailbox-folders{gap:16px;margin-bottom:20px;display:flex}.mailbox-folders button,.mailbox-text-button{color:#ccd3c9;cursor:pointer;font:12px var(--sans);background:0 0;border:0;padding:8px 0}.mailbox-folders button[aria-pressed=true]{color:#fff2ce;border-bottom:1px solid #d4c69b}.envelope-list{flex-direction:column;gap:18px;display:flex}.mail-envelope{isolation:isolate;text-align:left;color:#534e3c;cursor:pointer;background:linear-gradient(145deg,#e4dcc0,#f4ead0 53%,#d9cead);border:1px solid #baad85;width:100%;min-height:120px;padding:45px 18px 18px;transition:transform .2s,border-color .2s;position:relative;transform:rotate(-1deg);box-shadow:0 6px 18px #16271d26}.mail-envelope:nth-child(2n){transform:rotate(1deg)}.mail-envelope:hover,.mail-envelope.is-selected{border-color:#fff1bd;transform:translate(3px);box-shadow:0 0 0 2px #dfd4aa66,0 8px 22px #15271d33}.envelope-fold{clip-path:polygon(0 0,100% 0,50% 100%);opacity:.6;z-index:-1;background:linear-gradient(#c2b48e,#ded4b6);width:100%;height:38px;position:absolute;top:0;left:0}.envelope-title{z-index:1;overflow-wrap:anywhere;padding-right:10px;font-size:17px;line-height:1.6;display:block;position:relative}.envelope-meta{font:10px var(--sans);color:#85795e;margin-top:12px;display:block}.envelope-seal{color:#a35f4a;opacity:.75;border:1px solid #a35f4a;padding:2px;font-size:11px;position:absolute;bottom:13px;right:10px;transform:rotate(-8deg)}.mailbox-text-button{margin-top:16px;display:block}.mailbox-reading{width:100%;min-width:0}.mailbox-empty{text-align:center;color:#f4efdf;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:45vh;padding:60px 24px;display:flex}.mailbox-empty h2{letter-spacing:.15em;font-weight:400}.mailbox-empty p{color:#dee0d2;max-width:400px;font-size:14px;line-height:1.8}.mailbox-empty a,.mailbox-empty button{color:#fff0c5;cursor:pointer;background:#394f3c55;border:1px solid #d6cfa766;border-radius:4px;padding:10px 18px}.empty-envelope{color:#d9cfb0;font-size:50px}.mailbox-sidebar button:focus-visible{outline-offset:3px;outline:2px solid #fff0c1}@media (max-width:760px){.has-mailbox{padding:75px 14px 70px}.mailbox-layout{flex-direction:column;gap:24px;display:flex}.mailbox-sidebar{width:100%;max-height:none;padding:4px;position:static;overflow:visible}.mailbox-heading{flex-direction:row;align-items:baseline;margin-bottom:8px;font-size:20px}.mailbox-folders{margin-bottom:12px}.envelope-list{scroll-snap-type:x proximity;flex-direction:row;padding:5px 4px 12px;overflow-x:auto}.mail-envelope{scroll-snap-align:start;flex:0 0 176px;min-height:108px;padding:36px 14px 15px}.envelope-title{font-size:15px}.mailbox-text-button{margin:4px 18px 0 0;display:inline-block}}@media (prefers-reduced-motion:reduce){.mail-envelope{transition:none}}.home-music{z-index:5;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));color:#28483e;width:min(340px,100vw - 48px);position:absolute}.home-music[hidden],.music-panel[hidden]{display:none}.music-toggle{color:#f6f6e7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;background:#162e27a6;border:1px solid #f5f5e059;border-radius:24px;align-items:center;gap:12px;max-width:100%;min-height:44px;padding:10px 16px;display:flex}.music-toggle>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;overflow:hidden}.music-toggle>span:last-child{margin-left:auto}.music-panel{overscroll-behavior:contain;background:#f6f7eaf7;border:1px solid #fff9;border-radius:18px;width:100%;max-height:min(70svh,600px);padding:20px;position:absolute;bottom:56px;left:0;overflow-y:auto;box-shadow:0 18px 60px #0a1d1847}.music-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.music-heading button,.audio-refresh{color:#436b58;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:12px;text-decoration:underline}.music-panel>label,.letter-bgm-options>label{margin-bottom:7px;font-size:12px;display:block}.music-panel select,.letter-bgm-options select,.audio-upload-form>input{color:#2c4438;width:100%;min-height:40px;font:inherit;background:#fffef6;border:1px solid #c5d0bd;border-radius:8px;padding:8px 10px;font-size:13px}.audio-player{margin-top:14px}.audio-now{align-items:center;gap:12px;min-width:0;display:flex}.audio-now>div{flex:1;min-width:0}.audio-track-title{overflow-wrap:anywhere;font-size:14px;display:block}.audio-now small{color:#657363;margin-top:4px;font-size:11px;display:block}.audio-play{color:#fffdec;background:#345c49;border:0;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:15px}.audio-timeline{font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin-top:12px;font-size:10px;display:flex}.audio-timeline input{flex:1;min-width:0}.audio-player input[type=range]{accent-color:#547654;height:24px}.audio-options{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:11px;display:flex}.audio-options label{align-items:center;gap:7px;display:flex}.audio-options input{width:80px}.audio-options button{color:inherit;background:0 0;border:1px solid #ccd5c3;border-radius:12px;min-height:30px;padding:4px 9px;font-size:11px}.audio-options button[aria-pressed=true]{background:#e3ead9}.audio-upload{border-top:1px solid #d9dece;margin-top:16px;padding-top:14px}.audio-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.audio-upload-label{cursor:pointer;border:1px dashed #9daf97;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px;font-size:12px;display:flex}.audio-file-input:focus-visible+label{outline-offset:3px;outline:2px solid #345c49}.audio-file-input:disabled+label{opacity:.5;cursor:wait}.audio-upload-form{gap:8px;margin-top:12px;font-size:12px;display:grid}.audio-upload-form small{overflow-wrap:anywhere;color:#647361}.audio-upload-form button{color:#fffdec;background:#345c49;border:0;border-radius:8px;min-height:38px}.audio-upload-form progress{accent-color:#547654;width:100%}.audio-hint{color:#667360;margin:10px 0 0;font-size:11px;line-height:1.7}.audio-error,.audio-message{overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.7}.audio-error{color:#9b4439}.letter-bgm-picker{color:#34513e;border-top:1px solid #d6dccb;border-bottom:1px solid #d6dccb;margin:18px 0;padding:16px 0}.letter-bgm-picker summary{cursor:pointer;font-size:14px;line-height:1.6}.letter-bgm-picker summary span{color:#6b795f;white-space:nowrap;text-overflow:ellipsis;padding-left:17px;font-size:11px;display:block;overflow:hidden}.letter-bgm-options{margin-top:14px}.letter-music{color:#314d3a;background:#f2f4e7;border:1px solid #ccd6bd;border-radius:14px;width:min(100%,520px);margin:0 auto 22px;padding:16px 20px}.letter-music-caption{color:#64745b;font-size:12px}.audio-player button:disabled{opacity:.5;cursor:wait}@media (max-width:760px){.home-music{left:16px;bottom:max(18px,env(safe-area-inset-bottom));width:min(320px,100vw - 32px)}.music-toggle{max-width:calc(100vw - 170px)}.music-toggle>span:nth-child(2){font-size:11px}.music-panel{max-height:60svh;padding:16px}.letter-bgm-picker{margin:0 0 12px;padding:0 0 10px}.letter-bgm-picker summary{align-items:center;gap:10px;display:flex}.letter-bgm-picker summary span{flex:1;min-width:0;max-width:180px;padding:0}.letter-bgm-options{max-height:42svh;padding:0 4px 8px;overflow-y:auto}.letter-music{margin-bottom:16px;padding:14px}}@media print{.letter-music,.home-music{display:none!important}}.audio-recorder{margin-top:10px}.record-start{color:#36513c;background:#e7eddd;border:1px solid #becdb5;border-radius:8px;width:100%;min-height:40px;font-size:12px}.record-start:disabled{opacity:.5;cursor:not-allowed}.recording-session{background:#fbede5;border:1px solid #d9bdb1;border-radius:8px;padding:12px}.recording-session p{color:#894b3a;font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:13px}.recording-actions{flex-wrap:wrap;gap:8px;display:flex}.recording-actions button{color:#674c3f;background:#fff9ef;border:1px solid #c7ac9d;border-radius:8px;min-height:38px;padding:8px 12px;font-size:12px}.audio-draft-preview{width:100%;min-width:0;height:42px;display:block}.audio-upload-form .audio-discard{color:#64715e;background:0 0;border:1px solid #c8d1be}.paper-flow .letter-editor-content p[data-page-start=true]{break-before:column}.studio-workspace .paper-pagination{z-index:35;background:#f6f3e9;border:1px solid #c4cabb;border-radius:10px;padding:12px;position:sticky;bottom:12px;box-shadow:0 4px 18px #3543351a}@media (min-width:721px){.letter-studio{height:100dvh;min-height:0}.canvas-scroll{padding-bottom:24px}}@media (max-width:720px){.studio-workspace .paper-pagination{bottom:max(10px, env(safe-area-inset-bottom));gap:8px}}