/*! 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-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}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.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,)}}@font-face{font-family:LXGW WenKai;font-style:normal;font-display:swap;font-weight:500;src:url(/starlight/fonts/lxgw-wenkai-500.woff2)format("woff2")}:root{--night:#071522;--gold:#e8c569;--handwriting-font:"Kaiti SC", "STKaiti", "KaiTi", "楷体", "DFKai-SB", "FangSong", "STFangsong", cursive}*{box-sizing:border-box}html,body{background:var(--night);color:#fff;width:100%;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}body{overflow:hidden}button,input,textarea{font:inherit}.mailbox-poster-page{width:100%;height:100svh;padding:0 0 max(18px, env(safe-area-inset-bottom));isolation:isolate;background:radial-gradient(circle at 50% 16%,#2a5e8b85,#0000 40%),linear-gradient(160deg,#0d2d4a 0%,#061624 55%,#020a11 100%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:auto}.poster-stars{z-index:-1;opacity:.58;pointer-events:none;background-image:radial-gradient(circle,#ffe48fe6 0 1px,#0000 1.6px),radial-gradient(circle,#c2dbefad 0 1px,#0000 1.5px);background-position:13px 23px,91px 61px;background-size:137px 129px,211px 197px;animation:18s ease-in-out infinite alternate poster-sky-drift;position:fixed;inset:0}@keyframes poster-sky-drift{to{opacity:.78;transform:translate(9px,-7px)}}.mailbox-poster{background:#0b2843;width:min(100%,520px);min-height:100svh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #0000008f}.mailbox-poster-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.poster-hotspot{z-index:3;color:#0000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;padding:0;display:block;position:absolute}.poster-hotspot:focus-visible{outline-offset:3px;outline:3px solid #ffe07eeb}.poster-filter-hotspot{width:50%;height:5.7%;top:48.4%;left:4.5%}.poster-letter-hotspot{width:88.4%;height:36.5%;top:54.2%;left:5.8%}.poster-send-hotspot{border-radius:999px;width:69.4%;height:7.2%;bottom:1.4%;left:15.3%}.poster-letter-hotspot.hotspot-glow{animation:.75s ease-in-out 2 letter-card-glow}@keyframes letter-card-glow{50%{background:#ffdc7d1f;box-shadow:0 0 0 3px #ffdb75b8,0 0 34px #ffd5638a}}.poster-hint{z-index:4;left:50%;bottom:max(8px, env(safe-area-inset-bottom));color:#ffefc4c2;-webkit-backdrop-filter:blur(10px);letter-spacing:.06em;pointer-events:none;background:#030f19ad;border:1px solid #ffe3992e;border-radius:999px;margin:0;padding:6px 12px;font-size:10px;position:fixed;transform:translate(-50%)}.send-note-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);background:#01090fb8;place-items:center;padding:24px;animation:.24s both note-fade;display:grid;position:fixed;inset:0}.send-note{color:#433125;text-align:center;background:radial-gradient(circle at 86% 11%,#3f699221,#0000 25%),linear-gradient(145deg,#fbefd0,#e1c593);border:1px solid #7e502a47;border-radius:26px;width:min(430px,100%);padding:34px 28px 26px;animation:.3s both note-rise;box-shadow:0 28px 70px #00000085}.send-note-seal{color:#f2c36a;background:radial-gradient(circle at 35% 28%,#b94e45,#781f2b 68%,#4c111d);border:3px double #f2b75cbd;border-radius:47% 53% 45% 55%;place-items:center;width:58px;height:58px;margin:-63px auto 15px;display:grid;box-shadow:0 8px 20px #4b151a52}.send-note h2{letter-spacing:.1em;margin:0 0 12px;font-family:Songti SC,STSong,serif;font-size:28px;font-weight:400}.send-note p{color:#6c5847;margin:0 0 22px;font-size:14px;line-height:1.85}.send-note button{color:#ffe9ae;cursor:pointer;background:linear-gradient(135deg,#a7433d,#6e1b29);border:0;border-radius:999px;min-width:140px;min-height:43px}@keyframes note-fade{0%{opacity:0}}@keyframes note-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.letter-view-shell{min-height:100svh;position:relative}.mailbox-back{top:max(12px, env(safe-area-inset-top));left:max(54px, calc(env(safe-area-inset-left) + 54px));z-index:30;color:#f5d67e;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#061626c7;border:1px solid #ffe19347;border-radius:999px;align-items:center;gap:2px;min-height:34px;padding:0 12px 0 8px;font-size:11px;display:inline-flex;position:fixed;box-shadow:0 7px 20px #0000003d}.mailbox-back span{font-size:22px;line-height:1}.starlight-stage{isolation:isolate;background:radial-gradient(circle at 50% 14%,#2b57809e,#0000 39%),radial-gradient(circle at 14% 85%,#22456857,#0000 28%),linear-gradient(160deg,#102b48 0%,#081929 49%,#06111d 100%);place-items:center;width:100%;min-height:100svh;padding:18px 12px 112px;display:grid;position:relative;overflow:hidden}.sky-glow{z-index:-2;opacity:.5;background-image:radial-gradient(circle at 12% 21%,#ffe08ce6 0 1px,#0000 2px),radial-gradient(circle at 78% 13%,#fff5c4cc 0 1px,#0000 2px),radial-gradient(circle at 91% 67%,#ffdd82cc 0 1px,#0000 2px),radial-gradient(circle at 33% 82%,#fff7d5b3 0 1px,#0000 2px);background-size:180px 170px,230px 210px,160px 190px,260px 220px;animation:18s ease-in-out infinite alternate nebula-drift;position:absolute;inset:0}@keyframes nebula-drift{0%{opacity:.38;background-position:0 0,0 0,0 0,0 0;transform:scale(1)}to{opacity:.56;background-position:18px -10px,-14px 12px,12px 17px,-16px -10px;transform:scale(1.012)}}.star-field{z-index:-1;pointer-events:none;color:#f0c65ca6;text-shadow:0 0 12px #f0c65c6b;position:absolute;inset:0}.star-field i{left:var(--star-left);top:var(--star-top);font-size:var(--star-size);opacity:.44;color:#f7d57ed1;text-shadow:0 0 8px #ffe09294,0 0 18px #70ace138;animation:star-breathe var(--star-duration) ease-in-out var(--star-delay) infinite alternate;will-change:transform, opacity;font-style:normal;position:absolute}@keyframes star-breathe{0%{opacity:.12;transform:translate(0)scale(.76)rotate(-3deg)}to{opacity:.96;transform:translate3d(var(--star-drift), -1.8px, 0) scale(1.2) rotate(3deg)}}.shooting-star{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#fff4cbb3);border-radius:999px;width:84px;height:1px;animation:12s cubic-bezier(.32,.05,.45,.98) infinite shooting-star;position:absolute;transform:translate(-40px,28px)rotate(-28deg);box-shadow:0 0 7px #ffe49461}.shooting-star:after{content:"";background:#fff4c9;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 9px #f4c968b8}.shooting-star-one{animation-duration:11.8s;animation-delay:-2.4s;top:31%;left:-3%}.shooting-star-two{animation-duration:14.6s;animation-delay:-7.9s;top:14%;left:58%}.shooting-star-three{animation-duration:17.2s;animation-delay:-10.8s;top:72%;left:3%}.shooting-star-four{animation-duration:13.1s;animation-delay:-5.6s;top:56%;left:72%}@keyframes shooting-star{0%,66%{opacity:0;transform:translate(-42px,30px)rotate(-28deg)}69%{opacity:.76}82%{opacity:0;transform:translate(232px,-106px)rotate(-28deg)}to{opacity:0;transform:translate(252px,-118px)rotate(-28deg)}}.viewer{touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;max-width:96vw;max-height:calc(100svh - 132px);transition:width .35s,height .35s;display:grid;position:relative}.viewer-landscape{aspect-ratio:1402/1122;width:min(1000px,96vw)}.viewer-portrait{aspect-ratio:2/3;height:min(78svh,790px)}.letter-image{z-index:0;object-fit:contain;filter:drop-shadow(0 22px 42px #0000006b);border-radius:clamp(12px,2vw,20px);width:100%;height:100%;animation:.38s both letter-in;display:block;position:relative}.motion-clip{z-index:1;pointer-events:none;border-radius:clamp(12px,2vw,20px);animation:.38s both letter-in;position:absolute;inset:0;overflow:hidden}.motion-layer{object-fit:contain;width:100%;height:100%;transform-origin:var(--origin-x) var(--origin-y);will-change:transform;backface-visibility:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse var(--spot-rx) var(--spot-ry) at var(--spot-x) var(--spot-y), #000 0 46%, #000000f5 55%, transparent 78%);-webkit-mask-image:radial-gradient(ellipse var(--spot-rx) var(--spot-ry) at var(--spot-x) var(--spot-y), #000 0 46%, #000000f5 55%, transparent 78%);-webkit-mask-image:radial-gradient(ellipse var(--spot-rx) var(--spot-ry) at var(--spot-x) var(--spot-y), #000 0 46%, #000000f5 55%, transparent 78%);-webkit-mask-image:radial-gradient(ellipse var(--spot-rx) var(--spot-ry) at var(--spot-x) var(--spot-y), #000 0 46%, #000000f5 55%, transparent 78%);mask-image:radial-gradient(ellipse var(--spot-rx) var(--spot-ry) at var(--spot-x) var(--spot-y), #000 0 46%, #000000f5 55%, transparent 78%);display:none;position:absolute;inset:0}@supports ((-webkit-mask-image:radial-gradient(circle, #000, transparent)) or (mask-image:radial-gradient(circle, #000, transparent))){.motion-layer{display:block}}.character-motion{animation:7.2s cubic-bezier(.45,.05,.55,.95) infinite alternate character-breeze}.rose-motion{animation:5.6s cubic-bezier(.45,.05,.55,.95) infinite alternate rose-breeze}@keyframes character-breeze{0%{transform:translate(-.45px)rotate(-.08deg)skew(-.03deg)}36%{transform:translate(.55px,-.15px)rotate(.05deg)skew(.02deg)}72%{transform:translate(1.35px,-.35px)rotate(.13deg)skew(.06deg)}to{transform:translate(.15px,-.1px)rotate(-.03deg)skew(.01deg)}}@keyframes rose-breeze{0%{transform:translate(-.35px)rotate(-.12deg)}48%{transform:translate(1.25px,-.2px)rotate(.2deg)}to{transform:translate(.1px,-.1px)rotate(-.05deg)}}.petal-field{z-index:2;position:absolute;inset:0}.wind-petal{left:var(--rose-x);top:var(--rose-y);opacity:0;width:clamp(3px,.48vw,5px);height:clamp(2px,.32vw,4px);animation:petal-drift 7.4s cubic-bezier(.42, 0, .58, 1) var(--petal-delay) infinite;background:linear-gradient(135deg,#cb554d,#7e1d2b 72%);border-radius:85% 15% 80% 20%;position:absolute;box-shadow:0 0 4px #b13c3a59}.petal-2{margin-top:-5px;margin-left:8px;animation-duration:8.6s}@keyframes petal-drift{0%,18%{opacity:0;transform:translate(0)rotate(0)scale(.7)}30%{opacity:.56}72%{opacity:.34}to{opacity:0;transform:translate3d(var(--petal-drift), -38px, 0) rotate(210deg) scale(.96)}}@keyframes letter-in{0%{opacity:0;transform:translate(18px)scale(.988)}to{opacity:1;transform:none}}.motion-toggle{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:12;color:#f4dc99;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#061626c2;border:1px solid #ffe29347;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;font-size:12px;display:grid;position:fixed;box-shadow:0 7px 20px #0000003d,inset 0 1px #ffffff14}.motion-toggle span{color:#ffe18a;text-shadow:0 0 8px #ffda6be6;animation:1.7s ease-in-out infinite alternate motion-toggle-glow}@keyframes motion-toggle-glow{to{opacity:.42;transform:scale(.7)rotate(36deg)}}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.control-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(105deg,#071728f0,#122f4ce8);border:1px solid #ffe19630;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(660px,95vw);min-height:72px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 38px #00000057}.nav-button{color:#f0cf78;cursor:pointer;background:#ffffff13;border:0;border-radius:50%;flex:none;width:42px;height:42px;font-size:27px;line-height:1}.nav-button:disabled{opacity:.24;cursor:default}.music-player{align-items:center;gap:9px;min-width:0;display:flex}.record-player{cursor:pointer;filter:drop-shadow(0 6px 9px #00000057);background:0 0;border:0;border-radius:18px;flex:none;width:76px;height:60px;padding:0;transition:transform .2s,filter .2s;position:relative}.record-player:hover{transform:translateY(-1px)}.record-player:active{transform:translateY(1px)scale(.98)}.record-player:focus-visible{outline-offset:3px;outline:2px solid #f5d579}.gramophone{display:block;position:absolute;inset:0}.gramophone-base{background:linear-gradient(90deg,#0000 47%,#ffdd893b 49% 51%,#0000 53%),linear-gradient(145deg,#8e3c2c 0%,#5e211e 56%,#2c1820 100%);border:1px solid #d6a74b;border-radius:8px 8px 11px 11px;width:53px;height:24px;position:absolute;bottom:2px;left:3px;box-shadow:inset 0 2px #ffe29d33,0 4px 7px #00000052}.gramophone-base:before,.gramophone-base:after{content:"✦";color:#f8d57bb3;font-size:7px;position:absolute;bottom:3px}.gramophone-base:before{left:6px}.gramophone-base:after{right:6px}.gramophone-disc{background:repeating-radial-gradient(#253b50 0 2px,#07131f 3px 5px,#334a5e 6px 7px);border:1px solid #c8953c;border-radius:50%;width:34px;height:25px;position:absolute;bottom:20px;left:8px;box-shadow:0 3px 5px #00000057}.gramophone-disc:after{content:"";background:radial-gradient(circle,#fff1b8 0 17%,#ad3c39 20% 62%,#e7c467 65%);border-radius:50%;width:9px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gramophone-needle{transform-origin:bottom;background:linear-gradient(#f6dfa0,#a77829);border-radius:999px;width:3px;height:22px;transition:transform .24s;position:absolute;bottom:26px;left:36px;transform:rotate(30deg)}.gramophone-neck{transform-origin:bottom;background:linear-gradient(90deg,#8c5d22,#f4d984 50%,#9c6b27);border-radius:999px 999px 2px 2px;width:6px;height:22px;position:absolute;bottom:29px;right:20px;transform:rotate(-8deg)}.gramophone-horn{clip-path:polygon(0 39%,93% 0,100% 7%,100% 93%,93% 100%,0 61%);filter:drop-shadow(0 2px 2px #00000059);transform-origin:0;background:radial-gradient(at 5%,#4d251d 0 9%,#0000 11%),linear-gradient(105deg,#a56d28 3%,#f9e19a 44%,#d19b3b 66%,#78501f 100%);border-radius:5px 50% 50% 5px;width:34px;height:35px;position:absolute;top:0;right:0;transform:rotate(-11deg)}.gramophone-horn:after{content:"";border:1px solid #ffefb8b3;border-left:0;border-radius:0 50% 50% 0;position:absolute;inset:4px 3px 4px 9px}.gramophone-star{color:#fff0a9;text-shadow:0 0 6px #ffe179;font-size:8px;animation:2.2s ease-in-out infinite alternate gramophone-star;position:absolute;top:6px;right:5px}.record-player.is-playing .gramophone-disc{animation:2.8s linear infinite record-spin}.record-player.is-playing .gramophone-needle{transform:rotate(20deg)}.record-player.is-playing .gramophone-horn{animation:2.4s ease-in-out infinite alternate horn-breathe}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes horn-breathe{to{filter:drop-shadow(0 2px 6px #f4ca6875)}}@keyframes gramophone-star{to{opacity:.35;transform:scale(.75)rotate(20deg)}}.player-state{z-index:2;color:#fff3c6;text-align:center;text-shadow:0 1px 3px #1e0f12;min-width:14px;font-size:8px;line-height:1;position:absolute;bottom:7px;left:25px}.record-player.needs-touch{animation:1.8s ease-in-out infinite gramophone-nudge}@keyframes gramophone-nudge{0%,to{filter:drop-shadow(0 6px 9px #00000057)}50%{filter:drop-shadow(0 6px 12px #f0c55f94)}}.music-meta{gap:1px;width:165px;min-width:0;display:grid}.music-meta strong,.music-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-meta strong{color:#f1d487;letter-spacing:.06em;font-size:12px;font-weight:500}.music-meta span{color:#ffffffa6;font-size:10px}.music-track{--music-progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.music-track::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e8c569 var(--music-progress), #ffffff26 var(--music-progress));border-radius:9px;height:3px}.music-track::-webkit-slider-thumb{appearance:none;background:#f5dfa0;border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.music-track::-moz-range-track{background:#ffffff26;border-radius:9px;height:3px}.music-track::-moz-range-progress{background:#e8c569;border-radius:9px;height:3px}.music-track::-moz-range-thumb{background:#f5dfa0;border:0;border-radius:50%;width:10px;height:10px}.slide-count{color:#ffffffa8;text-align:center;flex:none;min-width:38px;font-size:11px}@media (width<=680px){.starlight-stage{padding:10px 7px 103px}.viewer{max-width:97vw;max-height:calc(100svh - 118px)}.viewer-landscape{width:97vw}.viewer-portrait{height:min(76svh,720px)}.control-dock{gap:6px;min-height:66px;padding:7px 8px}.nav-button{width:34px;height:34px;font-size:23px}.record-player{width:66px;height:55px;transform:scale(.92)}.music-meta{width:112px}.music-meta strong{font-size:10px}.slide-count{min-width:32px;font-size:10px}.motion-toggle{width:31px;height:31px;font-size:10px}}@media (width<=390px){.music-meta{width:96px}.slide-count{display:none}}.letter-archive{z-index:2;background:radial-gradient(circle at 90% 10%,#dcae481f,#0000 28%),linear-gradient(#0b2843 0%,#061624 100%);border-top:1px solid #f4d37d2e;width:min(100%,520px);padding:34px 22px 90px;position:relative;box-shadow:0 30px 70px #00000070}.archive-heading{margin:0 2px 21px;position:relative}.archive-heading p,.section-heading p,.paper-kicker,.role-eyebrow,.publish-dialog>p:first-of-type{color:#d3a954;letter-spacing:.22em;margin:0 0 5px;font-size:9px;font-weight:700}.archive-heading h2{color:#f7e6b2;letter-spacing:.08em;margin:0;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:400}.archive-heading>span{color:#f5e1ab94;font-size:11px;position:absolute;bottom:4px;right:0}.archive-card{color:#f6e6ba;text-align:left;cursor:pointer;background:linear-gradient(125deg,#153a5bfa,#081f34fa);border:1px solid #f0ce7633;border-radius:18px;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:94px;margin:0 0 12px;padding:12px 13px;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 12px 25px #0003,inset 0 1px #ffffff0a}.archive-card:active{transform:scale(.985)}.archive-card:hover{border-color:#f0ce767a}.archive-first-letter{background:linear-gradient(125deg,#183b5c,#0a2136)}.archive-qixi-letter{background:radial-gradient(circle at 84% 22%,#e7b55233,#0000 28%),linear-gradient(125deg,#6b2c35,#241b2d 58%,#10263e);border-color:#e8b25c6b;box-shadow:0 14px 30px #00000040,inset 0 1px #fff3ca14}.archive-rose{background:linear-gradient(125deg,#654339,#321e20)}.archive-moon{background:linear-gradient(125deg,#30475d,#18283a)}.archive-wheat{background:linear-gradient(125deg,#68532d,#30291d)}.archive-date{text-align:center;background:#020f1a54;border:1px solid #ecca7057;border-radius:13px;place-content:center;width:58px;height:64px;display:grid}.archive-date strong{color:#f0c966;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1}.archive-date small{color:#ffeec294;margin-top:4px;font-size:8px}.archive-copy{gap:3px;min-width:0;display:grid}.archive-copy small{color:#d6a955;letter-spacing:.08em;font-size:9px}.archive-copy strong{color:#fff1c9;text-overflow:ellipsis;white-space:nowrap;font-family:Songti SC,STSong,serif;font-size:17px;font-weight:400;overflow:hidden}.archive-copy em{color:#ece3c88f;font-size:9px;font-style:normal}.archive-arrow{color:#e7bf60;font-size:26px}.archive-loading{color:#f5e4b68f;text-align:center;padding:18px;font-size:11px}.archive-error{color:#f2b7a8;cursor:pointer;background:#69212340;border:1px solid #d7746359;border-radius:13px;width:100%;margin:2px 0 14px;padding:12px;font-size:11px}.archive-write{color:#4f271e;cursor:pointer;background:linear-gradient(135deg,#f2d786,#d8a94c);border:1px solid #d6a850;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:66px;margin-top:22px;display:flex;box-shadow:0 13px 28px #00000045}.archive-write>span{font-size:23px}.archive-write div{text-align:left;display:grid}.archive-write strong{letter-spacing:.08em;font-family:Songti SC,STSong,serif;font-size:17px;font-weight:600}.archive-write small{opacity:.68;margin-top:2px;font-size:9px}.role-page,.collab-editor,.saved-letter-page{isolation:isolate;background:radial-gradient(circle at 50% 0,#2e5b869e,#0000 35%),linear-gradient(155deg,#0f2d4a,#061523 58%,#020a11);width:100%;height:100svh;position:relative;overflow:hidden auto}.editor-sky{z-index:-1;pointer-events:none;opacity:.62;background-image:radial-gradient(circle,#ffdf87e0 0 1px,#0000 1.7px),radial-gradient(circle,#cce0f094 0 1px,#0000 1.5px);background-position:9px 27px,71px 83px;background-size:149px 137px,213px 197px;animation:16s ease-in-out infinite alternate editor-stars;position:fixed;inset:0}@keyframes editor-stars{to{opacity:.83;transform:translate(8px,-6px)}}.collab-loading{color:#efd47f;letter-spacing:.1em;place-items:center;font-family:Songti SC,serif;display:grid}.role-page{place-items:center;padding:74px 20px 28px;display:grid}.role-page>.editor-back{top:max(17px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));position:fixed}.editor-back,.role-switch{color:#f0d37d;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#041422b3;border:1px solid #f2d5893d;border-radius:999px;min-height:38px;padding:0 14px;font-size:11px}.role-card{color:#4e3827;text-align:center;background:radial-gradient(circle at 85% 10%,#416f972e,#0000 25%),linear-gradient(145deg,#fff3d4,#e5c994);border:1px solid #d7aa4d59;border-radius:28px;width:min(470px,100%);padding:52px 30px 31px;position:relative;box-shadow:0 32px 75px #00000075}.role-planet{color:#ffe7a2;background:radial-gradient(circle at 35% 31%,#d8714e,#8e3331 62%,#56202b);border:1px solid #e0b95d;border-radius:50%;place-items:center;width:78px;height:78px;font-size:23px;display:grid;position:absolute;top:-39px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #4e1c1b66,inset 0 0 0 5px #ffd78417}.role-card h1{letter-spacing:.08em;margin:9px 0 12px;font-family:Songti SC,STSong,serif;font-size:31px;font-weight:400}.role-card>p:not(.role-eyebrow){color:#755e49;max-width:330px;margin:0 auto 25px;font-size:13px;line-height:1.8}.role-card>small{color:#553f2b9e;font-size:10px}.role-actions{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:17px;display:grid}.role-actions button{color:#56372a;cursor:pointer;background:#fffbe785;border:1px solid #7c462f38;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-height:76px;font-family:Songti SC,serif;font-size:17px;display:flex}.role-actions button span{color:#ffe6a0;background:linear-gradient(145deg,#aa493d,#6d222b);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.editor-header{width:min(920px,100% - 28px);min-height:86px;padding:max(13px, env(safe-area-inset-top)) 0 7px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 auto;display:grid}.editor-header>div{text-align:center}.editor-header p{color:#d4a94f;letter-spacing:.14em;margin:0 0 2px;font-size:9px}.editor-header h1{color:#fff0bf;letter-spacing:.12em;margin:0;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:400}.editor-header .editor-back{justify-self:start}.editor-header .role-switch{justify-self:end}.presence-strip{color:#efe7cd9e;-webkit-backdrop-filter:blur(12px);background:#020f1b8a;border:1px solid #eccf852b;border-radius:15px;align-items:center;gap:15px;width:min(900px,100% - 28px);margin:0 auto 17px;padding:10px 15px;font-size:10px;display:flex}.presence-strip span{align-items:center;gap:6px;display:inline-flex}.presence-strip i{background:#6b7580;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6b75801f}.presence-strip .online{color:#e9d594}.presence-strip .online i{background:#68c58f;box-shadow:0 0 0 3px #68c58f21,0 0 8px #68c58f99}.presence-strip button{color:#e5c76f;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px}.presence-strip button.save-error{color:#ef9b8e}.stationery-panel{width:min(900px,100% - 28px);margin:0 auto 18px}.section-heading{justify-content:space-between;align-items:end;margin:0 3px 12px;display:flex}.section-heading h2{color:#f9e9bb;letter-spacing:.08em;margin:0;font-family:Songti SC,STSong,serif;font-size:20px;font-weight:400}.section-heading>span{color:#efe4c480;font-size:9px}.stationery-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stationery-option{color:#e8d8aa;text-align:left;cursor:pointer;background:#081e31b8;border:1px solid #e8ce8b29;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;padding:9px;transition:border-color .2s,transform .2s,background .2s;display:grid}.paper-swatch{border-radius:8px;grid-row:1/3;place-items:center;width:46px;height:50px;display:grid;overflow:hidden;box-shadow:0 4px 9px #00000038}.paper-swatch i{font-size:17px;font-style:normal}.stationery-option strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:12px;font-weight:500;overflow:hidden}.stationery-option small{color:#e8dbb885;text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:8px;overflow:hidden}.shared-paper,.saved-letter-paper{--paper-ink:#4e3828;--paper-muted:#846d55;--paper-accent:#a5443d;--paper-line:#6e4b3029;width:min(720px,100% - 28px);color:var(--paper-ink);background:radial-gradient(circle at 89% 8%,#2c547d1f,#0000 24%),radial-gradient(circle at 10% 92%,#bb823724,#0000 27%),linear-gradient(145deg,#fff3d5,#e4c795);border:1px solid #b5813e57;border-radius:24px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 60px #00000061,inset 0 0 50px #71491e0f}.stationery-star .shared-paper,.stationery-star .saved-letter-paper{--paper-ink:#fff1c7;--paper-muted:#e5e0cda3;--paper-accent:#e8c35e;--paper-line:#eccf7d2e;background:radial-gradient(circle at 80% 18%,#fddd80bf 0 1px,#0000 2px) 0 0/117px 113px,radial-gradient(circle at 28% 76%,#fff0c18c 0 1px,#0000 2px) 0 0/163px 149px,radial-gradient(circle at 80% 10%,#4573a159,#0000 25%),linear-gradient(150deg,#153e60,#081d32 62%,#061522);border-color:#e7c5664d}.stationery-moon .shared-paper,.stationery-moon .saved-letter-paper{--paper-ink:#263d52;--paper-muted:#63798b;--paper-accent:#8f6931;--paper-line:#324b6026;background:radial-gradient(circle at 84% 13%,#fff6d0cc,#0000 12%),linear-gradient(150deg,#eef2ed,#b9c8d1 61%,#93aaba)}.stationery-wheat .shared-paper,.stationery-wheat .saved-letter-paper{--paper-ink:#584021;--paper-muted:#846a43;--paper-accent:#9b572d;--paper-line:#62451d2e;background:radial-gradient(at 12% 95%,#84551f38,#0000 31%),linear-gradient(145deg,#f8e4ab,#d7ac58 70%,#bc883d)}.shared-paper{padding:36px clamp(18px,5vw,48px) 27px}.paper-constellation{color:var(--paper-accent);opacity:.5;letter-spacing:.28em;pointer-events:none;position:absolute}.constellation-one{top:21px;right:24px}.constellation-two{bottom:25px;left:24px}.paper-kicker{color:var(--paper-accent)}.letter-title-input{width:100%;color:var(--paper-ink);font-family:var(--handwriting-font);letter-spacing:.07em;background:0 0;border:0;outline:0;margin:10px 0 8px;padding:4px 0;font-size:clamp(27px,5vw,42px);font-weight:400}.letter-title-input::placeholder{color:var(--paper-muted);opacity:.55}.paper-divider{height:27px;color:var(--paper-accent);place-items:center;display:grid;position:relative}.paper-divider:before,.paper-divider:after{content:"";background:var(--paper-line);width:42%;height:1px;position:absolute;top:50%}.paper-divider:before{left:0}.paper-divider:after{right:0}.paper-divider span{font-size:10px}.author-block{border:1px solid #0000;border-radius:17px;padding:17px;transition:border-color .2s,background .2s;position:relative}.author-active{border-color:var(--paper-line);background:#ffffff0f}.author-readonly{opacity:.78}.author-label{align-items:center;gap:10px;display:flex}.author-label>span{border:1px solid var(--paper-accent);flex:none;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.author-label>span{border:1px solid color-mix(in srgb, var(--paper-accent), transparent 55%)}}.author-label>span{color:#fff0b9;background:var(--paper-accent);border-radius:50%;font-family:Songti SC,serif}.author-label>div{display:grid}.author-label strong{letter-spacing:.08em;font-size:13px;font-weight:600}.author-label small{color:var(--paper-muted);margin-top:2px;font-size:8px}.author-label em{color:#3d7e5c;background:#5eb98329;border-radius:99px;margin-left:auto;padding:3px 7px;font-size:8px;font-style:normal}.stationery-star .author-label em{color:#91d9ae}.author-block textarea{resize:vertical;width:100%;min-height:150px;color:var(--paper-ink);font-family:var(--handwriting-font);letter-spacing:.075em;background:0 0;border:0;outline:0;margin-top:11px;padding:5px 2px;font-size:17px;font-weight:400;line-height:2.05}.author-block textarea::placeholder{color:var(--paper-muted);opacity:.58}.author-readonly textarea{resize:none;cursor:default}.author-separator{height:28px;color:var(--paper-accent);place-items:center;display:grid;position:relative}.author-separator i{background:var(--paper-line);height:1px;position:absolute;top:50%;left:8%;right:8%}.author-separator span{z-index:1;background:inherit;padding:0 8px;font-size:8px}.paper-tools{border-top:1px solid var(--paper-line);align-items:center;gap:7px;margin-top:18px;padding-top:15px;display:flex}.paper-tools button{border:1px solid var(--paper-line);color:var(--paper-ink);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:7px 11px;font-size:9px}.paper-tools span{color:var(--paper-muted);margin-left:auto;font-size:9px}.editor-message{color:#ffd2c0;cursor:pointer;background:#692426b3;border:1px solid #dd866e61;border-radius:13px;width:min(720px,100% - 28px);margin:12px auto 0;padding:11px;font-size:11px;display:block}.editor-actions{grid-template-columns:1.45fr 1fr;gap:11px;width:min(720px,100% - 28px);margin:17px auto 0;display:grid}.editor-actions button{cursor:pointer;border-radius:17px;min-height:62px}.editor-actions button:disabled{opacity:.52;cursor:wait}.sync-button{color:#4b291e;background:linear-gradient(135deg,#f1d47d,#d39d43);border:1px solid #e4bd60;justify-content:center;align-items:center;gap:11px;display:flex;box-shadow:0 12px 26px #0000003d}.sync-button>span{font-size:22px}.sync-button>div{text-align:left;display:grid}.sync-button strong{letter-spacing:.08em;font-family:Songti SC,serif;font-size:15px}.sync-button small{opacity:.62;font-size:8px}.publish-button{color:#f4daa0;letter-spacing:.08em;background:linear-gradient(135deg,#9d3f38,#67202c);border:1px solid #edcf806e;font-family:Songti SC,serif;font-size:14px;box-shadow:0 12px 26px #0000003d}.editor-footnote{margin:15px auto max(28px, env(safe-area-inset-bottom));color:#eee1bc7a;text-align:center;font-size:9px}.publish-backdrop{z-index:90;-webkit-backdrop-filter:blur(14px);background:#01090fc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.publish-dialog{color:#4e3829;text-align:center;background:linear-gradient(145deg,#fff2d2,#dec18c);border:1px solid #9a5d3857;border-radius:26px;width:min(430px,100%);padding:48px 29px 26px;position:relative;box-shadow:0 30px 80px #00000080}.publish-seal{color:#f8d67c;background:radial-gradient(circle at 36% 30%,#b94e45,#771f2b 68%,#4c111d);border:3px double #e0b45b;border-radius:47% 53% 45% 55%;place-items:center;width:74px;height:74px;font-size:22px;display:grid;position:absolute;top:-37px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #47151959}.publish-dialog h2{letter-spacing:.05em;margin:8px 0 11px;font-family:Songti SC,serif;font-size:25px;font-weight:400}.publish-dialog>p:not(:first-of-type){color:#765f49;margin:0 0 22px;font-size:12px;line-height:1.8}.publish-dialog>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.publish-dialog button{color:#66493a;cursor:pointer;background:#fff8e19e;border:1px solid #6e432a33;border-radius:999px;min-height:44px}.publish-dialog button:last-child{color:#ffe8ac;background:linear-gradient(135deg,#a7443c,#6b1d29);border:0}.publish-dialog button:disabled{opacity:.5;cursor:wait}.saved-letter-page{padding:82px 14px 50px}.saved-letter-header{z-index:20;width:min(760px,100% - 28px);min-height:68px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.saved-letter-header p{color:#f5e4b4a6;margin:0;font-size:9px}.saved-letter-paper{min-height:calc(100svh - 135px);padding:clamp(31px,7vw,58px)}.saved-letter-mark{color:var(--paper-accent);font-size:20px;position:absolute;top:28px;right:34px}.saved-letter-paper>h1{font-family:var(--handwriting-font);letter-spacing:.08em;margin:20px 0 35px;font-size:clamp(30px,6vw,46px);font-weight:400}.saved-letter-paper section{margin:0 0 34px}.saved-letter-paper h2{color:var(--paper-muted);letter-spacing:.08em;align-items:center;gap:9px;margin:0 0 14px;font-size:12px;font-weight:500;display:flex}.saved-letter-paper h2 span{color:#fff0bc;background:var(--paper-accent);border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.saved-letter-paper section>p{white-space:pre-wrap;font-family:var(--handwriting-font);letter-spacing:.075em;margin:0;font-size:18px;font-weight:400;line-height:2.1}.saved-letter-paper footer{border-top:1px solid var(--paper-line);color:var(--paper-muted);justify-content:space-between;gap:12px;margin-top:48px;padding-top:17px;font-size:9px;display:flex}@media (width<=700px){.editor-header{grid-template-columns:auto 1fr auto;gap:7px}.editor-header h1{font-size:20px}.editor-header p{display:none}.editor-back,.role-switch{min-height:34px;padding:0 10px;font-size:9px}.presence-strip{flex-wrap:wrap;gap:8px 13px}.presence-strip button{text-align:left;width:100%;margin-left:0;padding-top:4px}.stationery-grid{grid-template-columns:1fr 1fr}.stationery-option{grid-template-columns:40px minmax(0,1fr)}.paper-swatch{width:40px;height:43px}.shared-paper{border-radius:19px;padding:28px 12px 19px}.letter-title-input{padding-left:8px;padding-right:8px}.author-block{padding:13px 10px}.author-block textarea{min-height:138px;font-size:15px}.editor-actions{grid-template-columns:1fr}.sync-button,.publish-button{min-height:57px!important}.saved-letter-paper{padding:33px 22px}.saved-letter-paper footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.editor-sky{animation:none}}.qixi-stage{width:100%;min-height:100svh;padding:max(52px, calc(env(safe-area-inset-top) + 44px)) 12px max(104px, calc(env(safe-area-inset-bottom) + 94px));isolation:isolate;background:radial-gradient(circle at 50% 20%,#35679694,#0000 38%),radial-gradient(circle at 80% 72%,#7d466133,#0000 34%),linear-gradient(158deg,#102f4e 0%,#061725 54%,#020a12 100%);place-items:center;display:grid;position:relative;overflow:hidden}.qixi-sky-glow{z-index:-3;opacity:.55;pointer-events:none;background:conic-gradient(from 210deg at 50% 48%,#0000,#efc06414,#0000 22%);animation:12s ease-in-out infinite alternate qixi-sky-breathe;position:absolute;inset:-20%}.qixi-star-field{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.qixi-star-field i{left:var(--q-star-left);top:var(--q-star-top);color:#f9d77d;font-size:var(--q-star-size);opacity:.18;text-shadow:0 0 8px #ffdb75d1;animation:qixi-star-twinkle var(--q-star-duration) ease-in-out var(--q-star-delay) infinite alternate;font-style:normal;line-height:1;position:absolute}@keyframes qixi-star-twinkle{0%,18%{opacity:.14;transform:translateY(1px)scale(.65)}55%{opacity:.96;transform:translate3d(var(--q-star-drift), -1px, 0) scale(1.14) rotate(14deg)}to{opacity:.34;transform:translateY(-2px)scale(.82)}}@keyframes qixi-sky-breathe{to{opacity:.86;transform:translate(1.5%,-1%)rotate(3deg)}}.qixi-meteor,.qixi-card-meteor{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#ffefbef0);border-radius:999px;width:150px;height:1px;animation:7.4s ease-in infinite qixi-meteor-flight;position:absolute;transform:rotate(-33deg);box-shadow:0 0 8px #ffd771a6}.qixi-meteor:after,.qixi-card-meteor:after{content:"";background:#fff6cc;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 11px #ffd66f}.qixi-meteor-1{animation-duration:8.2s;animation-delay:-1.2s;top:10%;left:4%}.qixi-meteor-2{animation-duration:10.7s;animation-delay:-5.1s;top:22%;left:64%}.qixi-meteor-3{animation-duration:12.1s;animation-delay:-7.4s;top:43%;left:18%}.qixi-meteor-4{animation-duration:9.4s;animation-delay:-2.8s;top:58%;left:74%}.qixi-meteor-5{animation-duration:11.2s;animation-delay:-6.7s;top:74%;left:6%}.qixi-meteor-6{animation-duration:8.9s;animation-delay:-4.4s;top:88%;left:55%}.qixi-meteor-7{animation-duration:13.3s;animation-delay:-9.2s;top:34%;left:42%}@keyframes qixi-meteor-flight{0%,73%{opacity:0;translate:-120px -80px}76%{opacity:.86}88%{opacity:.16}92%,to{opacity:0;translate:260px 180px}}.qixi-letter-card{background:#081a2a;border:1px solid #f7da8e52;border-radius:clamp(14px,2vw,24px);width:min(100%,66.67svh - 113.339px,640px);margin:0;animation:.72s cubic-bezier(.21,.8,.3,1) both qixi-letter-arrive;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000085,0 0 38px #cfa44d1a}.qixi-letter-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.qixi-letter-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.qixi-letter-sparkles i{left:var(--q-edge-left);top:var(--q-edge-top);color:#ffe398;opacity:.12;text-shadow:0 0 7px #ffdb73f5;animation:qixi-edge-twinkle var(--q-edge-duration) ease-in-out var(--q-edge-delay) infinite alternate;font-size:clamp(6px,1.2vw,12px);font-style:normal;line-height:1;position:absolute}@keyframes qixi-edge-twinkle{0%,12%{opacity:.08;transform:scale(.55)}68%{opacity:.96;transform:scale(1.24)rotate(18deg)}to{opacity:.28;transform:scale(.78)}}.qixi-card-meteor{width:90px;animation-duration:6.8s}.qixi-card-meteor-one{animation-delay:-2.1s;top:10%;left:-10%}.qixi-card-meteor-two{animation-duration:8.7s;animation-delay:-5.4s;top:34%;left:76%}@keyframes qixi-letter-arrive{0%{opacity:0;transform:translateY(13px)scale(.985)}to{opacity:1;transform:none}}.qixi-control-dock{left:50%;bottom:max(13px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(18px);background:linear-gradient(105deg,#09192af5,#1f3048ed);border:1px solid #ffe1963b;border-radius:999px;justify-content:center;align-items:center;min-width:min(360px,100vw - 26px);min-height:74px;padding:8px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 40px #0000006b}.qixi-control-dock .music-player{justify-content:center;width:100%}.qixi-music-meta{width:min(218px,56vw)}@media (width<=520px){.qixi-stage{padding-left:8px;padding-right:8px}.qixi-letter-card{width:min(100%,66.67svh - 110.672px)}.qixi-control-dock{min-height:68px;padding:7px 14px}.qixi-control-dock .record-player{width:68px;height:56px;transform:scale(.92)}.qixi-music-meta{width:min(205px,54vw)}.qixi-music-meta strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.qixi-sky-glow,.qixi-star-field i,.qixi-meteor,.qixi-letter-card,.qixi-letter-sparkles i,.qixi-card-meteor{animation:none}}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mailbox-poster-page{padding:0 0 max(22px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,#2f5d897a,#0000 32%),linear-gradient(#0b2b49 0%,#071b2e 52%,#030d17 100%)}.mailbox-home{z-index:1;background:radial-gradient(circle at 88% 42%,#c5893717,#0000 26%),linear-gradient(#0b2a46fa,#04111dfc);width:min(100%,560px);min-height:100svh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 74px #0000008a}.mailbox-hero{padding-top:max(30px, calc(env(safe-area-inset-top) + 18px));background:#082743;position:relative;overflow:hidden}.mailbox-title{z-index:2;color:#f0ca72;text-align:center;padding:0 60px 18px;position:relative}.mailbox-title:before,.mailbox-title:after{content:"";opacity:.9;width:31px;height:31px;position:absolute;top:2px}.mailbox-title:before{clip-path:path("M 26 2 A 14 14 0 1 0 26 28 A 12 12 0 0 1 26 2");background:#e5b95c;border-radius:50%;left:20px;box-shadow:0 0 17px #ebc5686b}.mailbox-title:after{background:radial-gradient(circle at 35% 35%,#b68245,#354a65 66%,#15293e);border:1px solid #d9a94db3;border-radius:50%;right:22px;box-shadow:-8px 3px 0 -7px #e0b25d,8px -2px 0 -7px #e0b25d}.mailbox-title h1{letter-spacing:.08em;text-shadow:0 2px 13px #0000003d;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(27px,7vw,42px);font-weight:500;line-height:1.22}.title-rose{color:#d2a248;justify-content:center;align-items:center;gap:10px;width:78%;margin:12px auto 9px;font-size:12px;display:flex;position:relative}.title-rose:before,.title-rose:after{content:"";background:linear-gradient(90deg,#0000,#dfb152c7);flex:1;height:1px}.title-rose:after{background:linear-gradient(90deg,#dfb152c7,#0000)}.mailbox-title p{color:#ffe8b3cc;letter-spacing:.12em;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(11px,3vw,15px)}.mailbox-hero-art{aspect-ratio:948/475;border-top:1px solid #e8c06614;border-bottom:1px solid #e8c0662e;position:relative;overflow:hidden}.mailbox-hero-art:after{content:"";pointer-events:none;background:linear-gradient(#0722390d,#0000 70%,#08233b 100%);position:absolute;inset:0}.mailbox-hero-art img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.mailbox-count{z-index:3;color:#e8c36c;text-align:center;letter-spacing:.08em;background:#051c2ff2;border:1px solid #e2b65294;border-radius:999px;width:fit-content;min-width:210px;margin:-21px auto 0;padding:9px 20px;font-family:Songti SC,serif;font-size:12px;position:relative;box-shadow:0 8px 18px #00000047}.mailbox-count span{margin:0 7px;font-size:8px}.mailbox-home .letter-archive{width:100%;box-shadow:none;background:0 0;border:0;padding:27px 22px 78px}.archive-filters{align-items:center;gap:11px;margin:0 0 20px;display:flex}.archive-filters button,.archive-filters span{color:#d8b363;letter-spacing:.06em;background:#092136b8;border:1px solid #ddb14f7a;border-radius:999px;justify-content:center;align-items:center;min-height:37px;padding:0 20px;font-family:Songti SC,serif;font-size:12px;display:inline-flex}.archive-filters button.active{color:#f5d37a;cursor:default;background:linear-gradient(145deg,#154469,#08253f);box-shadow:0 5px 12px #00000038,inset 0 1px #ffffff0d}.mailbox-home .archive-card{background:radial-gradient(circle at 92% 18%,#e1b45117,#0000 28%),linear-gradient(135deg,#103553f5,#051b2ffa);border:1px solid #e2b55380;border-radius:23px;grid-template-columns:116px minmax(0,1fr) 26px;gap:15px;min-height:128px;margin-bottom:15px;padding:14px;box-shadow:0 15px 31px #0000003d,inset 0 1px #fff4cb0d}.mailbox-home .archive-card.archive-qixi-letter,.mailbox-home .archive-card.archive-first-letter,.mailbox-home .archive-card.archive-rose,.mailbox-home .archive-card.archive-moon,.mailbox-home .archive-card.archive-wheat,.mailbox-home .archive-card.archive-star{background:radial-gradient(circle at 92% 18%,#e1b45117,#0000 28%),linear-gradient(135deg,#103553f5,#051b2ffa)}.mailbox-home .archive-card:hover{border-color:#efca72d1;transform:translateY(-1px)}.mailbox-home .archive-card:active{transform:scale(.988)}.archive-thumb{color:#f2cc6b;background:linear-gradient(145deg,#173f61,#071a2c);border:1px solid #e3be6b57;border-radius:13px;place-items:center;width:116px;height:92px;display:grid;overflow:hidden;box-shadow:0 7px 16px #00000047}.archive-thumb img{object-fit:cover;width:100%;height:100%;display:block}.archive-qixi-letter .archive-thumb img,.archive-first-letter .archive-thumb img{object-position:center}.archive-thumb i{text-shadow:0 0 13px #f7d17080;font-family:Georgia,serif;font-size:30px;font-style:normal}.archive-thumb-rose{color:#9f403d;background:radial-gradient(circle at 50% 46%,#f3d8a5,#9f693f)}.archive-thumb-moon{color:#fff0b2;background:radial-gradient(circle at 70% 28%,#e2d19c,#526c83 22%,#1e344b 70%)}.archive-thumb-wheat{color:#825524;background:linear-gradient(145deg,#f0d183,#9d6d31)}.archive-thumb-star{color:#f1ca66;background:radial-gradient(circle at 68% 28%,#eec85e 0 1px,#0000 2px) 0 0/29px 29px,linear-gradient(145deg,#17496e,#061a2c)}.mailbox-home .archive-copy{gap:4px}.mailbox-home .archive-copy time{color:#e4bd62;letter-spacing:.08em;font-family:Georgia,serif;font-size:12px}.mailbox-home .archive-copy strong{color:#f8df9d;letter-spacing:.04em;font-size:clamp(17px,4.4vw,22px)}.mailbox-home .archive-copy em{color:#eedcaeab;font-size:10px}.mailbox-home .archive-arrow{color:#e9bd5c;font-size:27px;font-weight:300}.mailbox-home .archive-loading{padding:13px}.mailbox-home .archive-write{color:#f5d47d;background:linear-gradient(145deg,#a74235,#6f1e28 66%,#4d1722);border:1px solid #dfa94c;min-height:66px;margin-top:28px;padding:8px 23px 8px 76px;position:relative;box-shadow:0 14px 28px #00000057,inset 0 2px #ffe9a91c}.archive-write-seal{color:#e9bd61;background:radial-gradient(circle at 35% 30%,#b44a3e,#751e2a 68%,#47131d);border:2px double #d8a348;border-radius:47% 53% 45% 55%;place-items:center;width:57px;height:57px;font-size:20px;display:grid;position:absolute;top:50%;left:5px;transform:translateY(-50%);box-shadow:0 5px 13px #00000057}.mailbox-home .archive-write div{text-align:center}.mailbox-home .archive-write strong{font-size:19px;font-weight:500}.mailbox-home .archive-write small{color:#ffe19da6}.collab-editor{background:radial-gradient(circle at 12% 8%,#2f608e8c,#0000 27%),radial-gradient(circle at 88% 46%,#6f485b2e,#0000 30%),linear-gradient(155deg,#0d3151,#061624 58%,#020a12)}.collab-editor .editor-header{min-height:108px;padding-top:max(15px, env(safe-area-inset-top));padding-bottom:11px}.collab-editor .editor-header h1{font-size:clamp(24px,5.5vw,33px);line-height:1.25}.collab-editor .editor-header p{color:#efd082a8;letter-spacing:.08em;max-width:420px;margin:5px auto 0;font-family:Songti SC,serif;font-size:10px;font-weight:400;display:block}.stationery-panel{-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 50% -15%,#e7bf5f1a,#0000 35%),#03142280;border:1px solid #e5c06829;border-radius:26px;width:min(780px,100% - 28px);margin:0 auto 24px;padding:18px clamp(13px,3vw,22px) 20px;position:relative;box-shadow:0 18px 42px #0003,inset 0 1px #ffffff08}.stationery-panel .section-heading{align-items:center;margin:0 4px 17px}.stationery-panel .section-heading h2{align-items:center;gap:9px;font-size:21px;display:flex}.stationery-panel .section-heading h2:before{content:"✦";color:#d7aa4c;font-size:10px}.stationery-panel .section-heading>span{color:#efddae80}.stationery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,17px)}.stationery-option{color:#ead59b;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0 0 8px;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative}.stationery-option:hover{transform:translateY(-3px)}.stationery-option.selected{background:#e7bf5e0f;border-color:#ebc36285;box-shadow:0 0 23px #e5b9501f}.stationery-option .paper-swatch{aspect-ratio:1.22;border:1px solid #cd9e4a73;border-radius:15px;grid-row:auto;width:100%;height:auto;display:block;position:relative;overflow:hidden;box-shadow:0 9px 18px #0000004a,inset 0 0 24px #623c1d14}.stationery-option .paper-swatch:before{content:"";opacity:.28;background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 12px);height:34%;position:absolute;top:42%;left:18%;right:18%}.stationery-option .paper-swatch:after{content:"✦";color:currentColor;text-shadow:0 0 8px;font-size:8px;position:absolute;top:8px;right:10px}.stationery-option .paper-swatch i{z-index:2;text-shadow:0 2px 8px #0000002e;font-size:clamp(18px,3.2vw,29px);position:absolute;top:10%;left:11%}.option-moon .paper-swatch{color:#b9964e;background:radial-gradient(circle at 22% 22%,#fff5caf2,#0000 13%),radial-gradient(circle at 88% 86%,#395e7e61,#0000 30%),linear-gradient(145deg,#f7eaca,#c8d0ca)}.option-rose .paper-swatch{color:#9e433d;background:radial-gradient(circle at 82% 73%,#963d3729,#0000 24%),linear-gradient(145deg,#fff0d5,#dfbd8b)}.option-wheat .paper-swatch{color:#7b5424;background:linear-gradient(15deg,#0000 55%,#8559232e 56% 58%,#0000 59%),linear-gradient(145deg,#f5dda4,#c8913e)}.option-star .paper-swatch{color:#f1cb68;background:radial-gradient(circle at 20% 25%,#f3cf6e 0 1px,#0000 2px) 0 0/35px 31px,radial-gradient(circle at 75% 18%,#f3cf6e 0 1px,#0000 2px) 0 0/41px 37px,radial-gradient(circle at 72% 78%,#f3cf6e 0 1px,#0000 2px) 0 0/47px 43px,linear-gradient(145deg,#194b70,#071b2e 68%)}.stationery-option strong{color:#f4d681;letter-spacing:.06em;width:100%;margin-top:7px;font-family:Songti SC,serif;font-size:14px;font-weight:500}.stationery-option small{color:#ebdaac7a;width:100%;font-size:8px}.stationery-seal{z-index:4;color:#f6d477;background:radial-gradient(circle at 35% 30%,#b94d40,#741e29 70%);border:2px double #e0aa4d;border-radius:47% 53% 45% 55%;place-items:center;width:33px;height:33px;font-size:15px;display:grid;position:absolute;top:calc(68% - 20px);right:-5px;box-shadow:0 6px 13px #00000059}.collab-editor .shared-paper{border-radius:28px;box-shadow:0 29px 64px #0000006b,inset 0 0 60px #71491e0f}.collab-editor .editor-actions{width:min(720px,100% - 28px)}.collab-editor .sync-button{color:#f7d77e;background:linear-gradient(145deg,#a64236,#6f1e2a 70%);border-color:#dda94c}.collab-editor .sync-button small{color:#ffe29fad}@media (width<=700px){.mailbox-title{padding-left:50px;padding-right:50px}.mailbox-title:before{left:13px;transform:scale(.82)}.mailbox-title:after{right:14px;transform:scale(.82)}.mailbox-home .letter-archive{padding-left:14px;padding-right:14px}.mailbox-home .archive-card{border-radius:19px;grid-template-columns:98px minmax(0,1fr) 20px;gap:11px;min-height:116px;padding:11px}.archive-thumb{border-radius:11px;width:98px;height:82px}.mailbox-home .archive-copy strong{font-size:17px}.mailbox-home .archive-copy time{font-size:10px}.mailbox-home .archive-copy em{font-size:9px}.mailbox-home .archive-write{width:calc(100% - 12px);margin-left:auto;margin-right:auto}.collab-editor .editor-header{grid-template-columns:auto minmax(0,1fr) auto;min-height:104px}.collab-editor .editor-header h1{letter-spacing:.06em;font-size:22px}.collab-editor .editor-header p{max-width:230px;font-size:8px;line-height:1.45;display:block}.stationery-panel{border-radius:22px;padding:16px 12px 18px}.stationery-grid{grid-template-columns:1fr 1fr;gap:15px 12px}.stationery-option .paper-swatch{border-radius:14px;width:100%;height:auto}.stationery-option strong{font-size:13px}.stationery-seal{top:calc(70% - 21px)}}@media (width<=390px){.mailbox-title h1{font-size:25px}.mailbox-title p{letter-spacing:.07em;font-size:10px}.archive-filters button,.archive-filters span{min-height:34px;padding:0 15px;font-size:11px}.mailbox-home .archive-card{grid-template-columns:86px minmax(0,1fr) 18px}.archive-thumb{width:86px;height:76px}.mailbox-home .archive-copy strong{font-size:15px}.mailbox-home .archive-write{padding-left:66px;padding-right:12px}.archive-write-seal{width:53px;height:53px}.collab-editor .editor-header p{display:none}}:root{--handwriting-font:"LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", "楷体", serif}html{background:var(--night);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;overflow-x:hidden}body{overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:100%;overflow:hidden auto}.mailbox-poster-page{height:auto;min-height:100dvh;padding-bottom:max(28px, env(safe-area-inset-bottom));display:block;overflow:hidden visible}.mailbox-home{min-height:100dvh;overflow:visible}.role-page,.collab-editor,.saved-letter-page{height:auto;min-height:100dvh;overflow:hidden visible}.mailbox-scroll-hint{z-index:4;color:#f4dc9e9e;letter-spacing:.08em;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:9px auto 0;font-family:Songti SC,STSong,serif;font-size:10px;display:flex;position:relative}.mailbox-scroll-hint span{color:#e0b85e;font-size:16px;line-height:1;animation:1.8s ease-in-out infinite mailbox-scroll-cue}@keyframes mailbox-scroll-cue{0%,to{opacity:.45;transform:translateY(-1px)}50%{opacity:1;transform:translateY(3px)}}.stationery-panel .section-heading p{color:#d8af55b8;margin-bottom:4px;font-size:8px}.stationery-option .paper-swatch b{z-index:3;width:7px;height:15px;color:inherit;opacity:.62;background:currentColor;border-radius:55% 55% 40% 40%;position:absolute;bottom:13%;right:17%;box-shadow:10px 8px 0 -2px}.stationery-option .paper-swatch b:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:-6px;left:0}.stationery-option .paper-swatch b:after{content:"";transform-origin:100%;background:currentColor;border-radius:999px;width:17px;height:2px;position:absolute;top:4px;left:-10px;transform:rotate(-13deg)}.collab-editor .shared-paper{isolation:isolate;font-family:var(--handwriting-font);font-synthesis:none;padding-top:25px;font-weight:500}.collab-editor .shared-paper:before{content:"";z-index:-1;border:1px solid var(--paper-accent);position:absolute;inset:10px}@supports (color:color-mix(in lab, red, red)){.collab-editor .shared-paper:before{border:1px solid color-mix(in srgb, var(--paper-accent), transparent 72%)}}.collab-editor .shared-paper:before{pointer-events:none;border-radius:20px}.paper-address{border-bottom:1px dashed var(--paper-line);color:var(--paper-muted);font-family:var(--handwriting-font);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px;padding:0 4px 12px;font-size:13px;display:flex}.paper-address em{border:1px solid var(--paper-line);color:var(--paper-accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:10px;font-style:normal}.letter-title-input,.author-block textarea,.saved-letter-paper>h1,.saved-letter-paper section>p{font-family:var(--handwriting-font);font-synthesis:none;font-weight:500}.collab-editor .letter-title-input{font-size:clamp(26px,6vw,40px);line-height:1.45}.collab-editor .author-block{background:0 0;border:0;border-radius:12px;padding:17px 13px 13px}.collab-editor .author-active{background:var(--paper-accent)}@supports (color:color-mix(in lab, red, red)){.collab-editor .author-active{background:color-mix(in srgb, var(--paper-accent), transparent 94%)}}.collab-editor .author-active{box-shadow:inset 3px 0 0 var(--paper-accent)}@supports (color:color-mix(in lab, red, red)){.collab-editor .author-active{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--paper-accent), transparent 28%)}}.collab-editor .author-label strong{font-family:var(--handwriting-font);font-size:15px;font-weight:500}.collab-editor .author-block textarea{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(2.15em - 1px), var(--paper-line) calc(2.15em - 1px), var(--paper-line) 2.15em);letter-spacing:.06em;background-attachment:local;border-radius:0;min-height:170px;padding:8px 4px 5px;font-size:18px;line-height:2.15}@media (width<=700px){.mailbox-hero{padding-top:max(17px, calc(env(safe-area-inset-top) + 8px))}.mailbox-title{padding-bottom:11px}.mailbox-title h1{line-height:1.16}.title-rose{margin-top:8px;margin-bottom:6px}.mailbox-home .letter-archive{padding-top:19px;padding-bottom:max(82px, calc(env(safe-area-inset-bottom) + 54px))}.mailbox-scroll-hint{margin-top:7px}.collab-editor{padding-bottom:max(22px, env(safe-area-inset-bottom))}.collab-editor .editor-header{min-height:92px}.presence-strip{margin-bottom:13px}.stationery-panel{margin-bottom:16px}.stationery-panel .section-heading{align-items:end}.stationery-panel .section-heading h2{font-size:19px}.stationery-panel .section-heading>span{text-align:right;max-width:92px;line-height:1.4}.stationery-option{min-height:0}.collab-editor .shared-paper{border-radius:21px;width:calc(100% - 20px);padding:22px 13px 19px}.collab-editor .shared-paper:before{border-radius:16px;inset:7px}.paper-address{margin-bottom:13px;font-size:12px}.collab-editor .author-block{padding-left:10px;padding-right:8px}.collab-editor .author-block textarea{min-height:155px;font-size:17px}}@media (width<=390px){.mailbox-title{padding-left:46px;padding-right:46px}.stationery-grid{gap:12px 9px}.stationery-option small{font-size:7.5px}.paper-address em{padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.mailbox-scroll-hint span{animation:none}}.mailbox-title p{letter-spacing:.07em;max-width:390px;margin-left:auto;margin-right:auto;line-height:1.65}.collab-editor{padding-bottom:max(30px, env(safe-area-inset-bottom));background:radial-gradient(circle at 11% 10%,#224d769e,#0000 26%),radial-gradient(circle at 90% 42%,#244d7559,#0000 29%),radial-gradient(circle at 50% 86%,#2f4b6038,#0000 29%),linear-gradient(160deg,#0b3154 0%,#061d34 47%,#020c19 100%)}.collab-editor .editor-sky{opacity:.82;background-image:radial-gradient(circle,#ffdc76f2 0 1.2px,#0000 1.9px),radial-gradient(circle,#c2daefb8 0 1px,#0000 1.6px),radial-gradient(circle,#fac450b3 0 1px,#0000 1.6px);background-position:12px 31px,61px 87px,129px 18px;background-size:103px 97px,167px 149px,229px 211px}.collab-editor .editor-header{width:min(820px,100% - 24px);min-height:128px;padding:max(18px, env(safe-area-inset-top)) 0 16px;position:relative}.collab-editor .editor-header:before,.collab-editor .editor-header:after{z-index:-1;color:#e6b85b;text-shadow:0 0 18px #ecbf5b61;pointer-events:none;position:absolute;top:21px}.collab-editor .editor-header:before{content:"☾";font-size:47px;left:78px;transform:rotate(-17deg)}.collab-editor .editor-header:after{content:"♄";font-family:Georgia,serif;font-size:42px;top:27px;right:82px;transform:rotate(-17deg)}.collab-editor .editor-header h1{color:#f1cc78;letter-spacing:.1em;font-family:Songti SC,STSong,serif;font-size:clamp(28px,6vw,42px)}.collab-editor .editor-header p{color:#f7da97c7;letter-spacing:.08em;max-width:500px;margin-top:7px;font-size:11px}.collab-editor .editor-back{color:#e8bf66;background:#0314237a;border:2px solid #e0b150a8;border-radius:50%;width:44px;min-height:44px;padding:0;font-size:0;overflow:hidden}.collab-editor .editor-back:before{content:"←";font-family:Georgia,serif;font-size:24px}.collab-editor .role-switch{color:#f7da97d6;background:#0314237a;border-color:#e3b95b61}.collab-editor .presence-strip{color:#f4dfad9e;-webkit-backdrop-filter:none;background:0 0;border:0;justify-content:center;width:min(690px,100% - 30px);margin-bottom:15px;padding:7px 12px}.collab-editor .presence-strip button{border-left:1px solid #e4ba5d3d;margin-left:4px;padding-left:13px}.collab-editor .stationery-panel{width:min(720px,100% - 26px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-bottom:25px;padding:0}.collab-editor .stationery-reference-heading{text-align:center;justify-items:center;gap:6px;margin:0 0 17px;display:grid}.collab-editor .stationery-reference-heading h2{color:#e8c16e;letter-spacing:.14em;align-items:center;gap:14px;margin:0;font-size:clamp(20px,4.6vw,27px);display:flex}.collab-editor .stationery-reference-heading h2:before{display:none}.collab-editor .stationery-reference-heading h2 span{color:#e0aa4a;font-size:9px}.collab-editor .stationery-reference-heading small{color:#f3dca47a;letter-spacing:.08em;font-size:9px}.collab-editor .stationery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;width:min(650px,100%);margin:0 auto}.collab-editor .stationery-option{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:17px;gap:0;padding:0 0 5px;display:flex}.collab-editor .stationery-option:hover{transform:translateY(-2px)}.collab-editor .stationery-option.selected{box-shadow:none;background:0 0;border:0}.collab-editor .stationery-option .paper-swatch{aspect-ratio:1.24;border:1px solid #deaf4fbf;border-radius:17px;width:100%;height:auto;position:relative;box-shadow:0 12px 23px #00000057,inset 0 0 0 1px #ffeeba12;background:#102b47!important}.collab-editor .stationery-option.selected .paper-swatch{border-color:#f0ca6d;box-shadow:0 0 0 2px #eec25b6b,0 0 24px #efc04c78,0 12px 24px #00000057}.collab-editor .stationery-option .paper-swatch:before,.collab-editor .stationery-option .paper-swatch:after,.collab-editor .stationery-option .paper-swatch>i,.collab-editor .stationery-option .paper-swatch>b{display:none}.stationery-reference-crop{-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;width:294%;max-width:none;height:auto;display:block;position:absolute}.option-moon .stationery-reference-crop{top:-106%;left:-42%}.option-rose .stationery-reference-crop{top:-106%;left:-152%}.option-wheat .stationery-reference-crop{top:-229%;left:-42%}.option-star .stationery-reference-crop{top:-229%;left:-152%}.collab-editor .stationery-option strong{color:#edca75;letter-spacing:.1em;margin-top:8px;font-family:Songti SC,STSong,serif;font-size:17px;font-weight:500}.collab-editor .stationery-option small{display:none}.collab-editor .stationery-seal{color:#f5d47c;background:radial-gradient(circle at 36% 28%,#b84b3e,#791f28 66%,#50151e);border:2px double #e2ad50;width:43px;height:43px;font-size:18px;top:calc(100% - 67px);right:-9px;box-shadow:0 8px 16px #00000061,0 0 13px #e1ae4833}.collab-editor .shared-paper,.collab-editor.stationery-star .shared-paper,.collab-editor.stationery-moon .shared-paper,.collab-editor.stationery-rose .shared-paper,.collab-editor.stationery-wheat .shared-paper{--paper-ink:#513b2b;--paper-muted:#846d54;--paper-accent:#9e463e;--paper-line:#704d2e2e;width:min(710px,100% - 28px);color:var(--paper-ink);font-family:var(--handwriting-font);background:radial-gradient(circle at 7% 8%,#bb83351f,#0000 25%),radial-gradient(circle at 92% 84%,#ad6f2c21,#0000 28%),radial-gradient(circle at 34% 51%,#ffffff52,#0000 30%),linear-gradient(145deg,#faecc9 0%,#efd8a8 54%,#dfbd80 100%);border:1px solid #d39f46b8;border-radius:23px 18px 25px 20px;padding:32px clamp(22px,5vw,50px) 29px;box-shadow:0 29px 64px #00000073,inset 0 0 55px #6e45191a}.collab-editor .shared-paper:before{border:1px solid #af782b52;border-radius:17px 14px 19px 15px;inset:11px;box-shadow:inset 0 0 0 3px #fff8dc24}.collab-editor .paper-constellation{color:#b0803b;opacity:.68}.collab-editor .paper-address{color:#755d46;border-bottom:1px dashed #7d573038;align-items:flex-start;min-height:54px;margin-bottom:19px;padding:0 0 12px;font-size:16px}.collab-editor .paper-address em{color:#99453d;background:#ffefc961;border:1px solid #95463d52;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex}.collab-editor .paper-address em b{font-size:16px;font-weight:400}.collab-editor .paper-kicker{color:#a14c43;letter-spacing:.27em;font-family:Georgia,serif;font-size:9px}.collab-editor .letter-title-input{color:#493427;font-family:var(--handwriting-font);letter-spacing:.07em;margin:8px 0 3px;padding:3px 5px;font-size:clamp(23px,5vw,34px);font-weight:500;line-height:1.45}.collab-editor .author-block{box-shadow:none;background:0 0;border:0;border-radius:5px;padding:13px 8px 10px}.collab-editor .author-active{background:#ac702e0e;box-shadow:inset 2px 0 #97483a59}.collab-editor .author-label>span{color:#8d4038;width:31px;height:31px;font-family:var(--handwriting-font);background:#fff0cc75;border:1px solid #97463b66}.collab-editor .author-label strong{color:#58402f;font-family:var(--handwriting-font);font-size:16px}.collab-editor .author-label small{color:#8c7257}.collab-editor .author-block textarea{color:#493427;caret-color:#9b413b;min-height:170px;font-family:var(--handwriting-font);background-image:repeating-linear-gradient(#0000 0 calc(2.2em - 1px),#74512f29 calc(2.2em - 1px) 2.2em);font-size:18px;line-height:2.2}.collab-editor .author-separator{color:#a47739}.collab-editor .paper-tools{border-color:#724d2b2e}.collab-editor .paper-tools button{color:#72543c;background:#fff4d552;border-color:#8b54323d}.collab-editor .paper-signature{color:#57402f;text-align:right;font-family:var(--handwriting-font);letter-spacing:.08em;margin:24px 8px 0;font-size:18px}.collab-editor .editor-actions{grid-template-columns:1.25fr .82fr;gap:13px;width:min(650px,100% - 32px);margin-top:24px}.collab-editor .sync-button{color:#f5d782;background:linear-gradient(145deg,#ae493b,#781f29 67%,#52151e);border:2px double #e4b357;border-radius:999px;min-height:70px;box-shadow:0 15px 27px #00000059,inset 0 2px #ffeaab1a}.collab-editor .sync-button>span{color:#e8bd62;background:#5e161d7a;border:2px double #e0ac51;border-radius:47% 53% 45% 55%;place-items:center;width:51px;height:51px;font-size:22px;display:grid}.collab-editor .sync-button strong{font-family:var(--handwriting-font);font-size:18px}.collab-editor .publish-button{color:#e9c46c;min-height:70px;font-family:var(--handwriting-font);background:#061c2fbd;border:1px solid #e1b552a8;border-radius:999px;font-size:15px}.collab-editor .editor-footnote{color:#eedba98a;max-width:600px;margin-top:17px;padding:0 18px;line-height:1.7}@media (width<=700px){.mailbox-title p{max-width:310px;font-size:10px}.collab-editor .editor-header{grid-template-columns:45px minmax(0,1fr) 70px;gap:6px;min-height:117px}.collab-editor .editor-header:before{font-size:35px;top:27px;left:49px}.collab-editor .editor-header:after{font-size:32px;top:31px;right:55px}.collab-editor .editor-header h1{font-size:clamp(23px,7vw,31px)}.collab-editor .editor-header p{max-width:235px;font-size:8px;line-height:1.55;display:block}.collab-editor .role-switch{min-height:32px;padding:0 7px;font-size:8px;line-height:1.2}.collab-editor .presence-strip{gap:7px 11px;width:calc(100% - 26px);margin-bottom:10px;padding:5px 4px;font-size:8px}.collab-editor .presence-strip button{text-align:right;width:auto;margin-left:auto;padding:2px 0 2px 9px;font-size:8px}.collab-editor .stationery-panel{width:calc(100% - 24px);margin-bottom:19px}.collab-editor .stationery-grid{gap:14px 11px}.collab-editor .stationery-option .paper-swatch{border-radius:14px}.collab-editor .stationery-option strong{margin-top:7px;font-size:14px}.collab-editor .stationery-seal{width:36px;height:36px;top:calc(100% - 58px);right:-7px}.collab-editor .shared-paper,.collab-editor.stationery-star .shared-paper,.collab-editor.stationery-moon .shared-paper,.collab-editor.stationery-rose .shared-paper,.collab-editor.stationery-wheat .shared-paper{border-radius:20px 16px 22px 17px;width:calc(100% - 18px);padding:24px 16px 23px}.collab-editor .shared-paper:before{inset:7px}.collab-editor .paper-address{min-height:47px;margin-bottom:13px;font-size:14px}.collab-editor .paper-address em{padding:6px 8px;font-size:9px}.collab-editor .paper-kicker{font-size:8px}.collab-editor .letter-title-input{font-size:clamp(22px,7vw,29px)}.collab-editor .author-label strong{font-size:14px}.collab-editor .author-block textarea{min-height:145px;font-size:17px}.collab-editor .paper-signature{font-size:17px}.collab-editor .editor-actions{grid-template-columns:1fr;gap:10px;width:calc(100% - 28px)}.collab-editor .sync-button,.collab-editor .publish-button{min-height:64px!important}.collab-editor .publish-button{min-height:49px!important}}@media (width<=390px){.collab-editor .editor-header{grid-template-columns:41px minmax(0,1fr) 62px}.collab-editor .editor-header:before{left:39px}.collab-editor .editor-header:after{right:45px}.collab-editor .editor-header h1{font-size:22px}.collab-editor .editor-header p{max-width:195px;font-size:7px}.collab-editor .stationery-grid{column-gap:9px}.collab-editor .stationery-option strong{font-size:13px}.collab-editor .paper-address em b{display:none}.collab-editor .paper-address em{padding-left:6px;padding-right:6px}}@media (prefers-reduced-motion:reduce){.collab-editor .stationery-option,.collab-editor .editor-sky{transition:none;animation:none}}@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}