@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=ZCOOL+XiaoWei&display=swap";:root{color:#392c20;font-synthesis:none;background:#1d1710;font-family:Noto Serif SC,serif}*{box-sizing:border-box}body{background:#1d1710;margin:0}.app{background:#22170d;height:100vh;min-height:720px;position:relative;overflow:hidden}.scene{background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.grain{pointer-events:none;z-index:10;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.scene:after{content:"";pointer-events:none;background:linear-gradient(#140c047a,#0000 24% 72%,#140c04b8);position:absolute;inset:0}.topbar,.pagehead,.home-copy,.hotspot,.weather,.nav,.writing-layout,.inbox-main,.map-panel,.album{z-index:2;position:absolute}.topbar{color:#fff8e6;justify-content:space-between;align-items:start;display:flex;top:32px;left:46px;right:46px}.brand{letter-spacing:.16em;margin-right:15px;font-size:24px}.topbar small{opacity:.72}.topbar button,.pagehead button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.seal-dot{color:#f1bf69;margin-right:10px}.home-copy{color:#fff5df;text-shadow:0 2px 20px #4c2e16;top:18%;left:9%}.home-copy span{letter-spacing:.3em;color:#f5d39e;font-size:13px}.home-copy h1{margin:18px 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:clamp(34px,4.2vw,64px);font-weight:400;line-height:1.35}.hotspot{color:#fff5df;cursor:pointer;filter:drop-shadow(0 8px 20px #1f120652);background:0 0;border:0;transition:transform .3s}.hotspot:hover{transform:translateY(-5px)rotate(-1deg)}.hotspot img{object-fit:contain;width:100%;height:auto;display:block}.hotspot b,.hotspot i{text-align:left;text-shadow:0 2px 10px #2b1708;margin-left:12px;display:block}.hotspot b{margin-top:-4px;font-size:18px}.hotspot i{opacity:.78;margin-top:5px;font-size:12px;font-style:normal}.mailbox{width:210px;bottom:19%;left:4%}.desk{width:340px;bottom:13%;left:33%}.board{width:190px;top:31%;left:62%}.shelf{width:250px;bottom:13%;right:1%}.weather{color:#f8dfb3;opacity:.85;font-size:12px;bottom:94px;left:47px}.nav{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d1c0fb8;border:1px solid #ffe0ab40;border-radius:26px;gap:12px;padding:10px 14px;display:flex;bottom:19px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000038}.nav button{color:#ead4ac;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:72px;font-size:12px;display:flex}.nav button span{font-size:18px;line-height:1}.nav button.active{color:#fff5df}.nav .write-nav{color:#20160e;background:#d9aa65;border-radius:20px;margin:-6px 0;padding:7px 16px}.veil{z-index:1;background:#2e180a4d;position:absolute;inset:0}.veil.dark{background:#1e0f078f}.veil.warm{background:#683b1b61}.pagehead{color:#fff4dc;align-items:center;gap:36px;display:flex;top:30px;left:46px;right:46px}.pagehead button{opacity:.8;font-size:13px}.pagehead small{opacity:.66;letter-spacing:.24em}.pagehead h2{margin:4px 0 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:34px;font-weight:400}.step,.counter{opacity:.75;margin-left:auto;font-size:13px}.writing-layout{grid-template-columns:minmax(460px,1fr) 300px;align-items:center;gap:6%;display:grid;inset:120px 9% 80px}.paper-wrap{filter:drop-shadow(0 20px 25px #220f044d);justify-self:center;max-width:720px;position:relative}.paper-wrap>img{width:100%;display:block}.paper-content{flex-direction:column;gap:15px;display:flex;position:absolute;inset:21% 18% 13%}.paper-content input,.paper-content textarea{font:inherit;color:#4a3321;background:0 0;border:0;border-bottom:1px solid #67432659;outline:none;padding:8px 2px}.paper-content textarea{resize:none;flex:1;line-height:1.9}.signature{max-width:50%;margin-left:auto}.write-side{color:#fff1d4;max-width:300px}.write-side .eyebrow{letter-spacing:.25em;color:#eabe7f;font-size:12px}.write-side h3{margin:8px 0;font-family:ZCOOL XiaoWei;font-size:30px;font-weight:400}.write-side p{color:#f1d8ac;font-size:14px;line-height:1.8}.mini-row{border-top:1px solid #ffebc333;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.mini-row img{object-fit:contain;width:62px;height:44px}.primary{color:#2c1b0c;font:inherit;cursor:pointer;background:#d9aa65;border:0;border-radius:2px;width:100%;margin-top:18px;padding:12px 20px}.text-btn{color:#f3d19a;font:inherit;cursor:pointer;background:0 0;border:0;width:100%;margin-top:17px}.inbox-main{color:#fff0d2;align-items:center;gap:5%;display:flex;inset:120px 9% 90px}.cabinet{flex:1;max-width:640px;position:relative}.cabinet>img{filter:drop-shadow(0 24px 28px #190a0359);width:100%;display:block}.letter-card{cursor:pointer;color:#4a2b17;text-align:left;background:#fae5b9;border:0;align-items:center;gap:12px;width:47%;padding:12px;display:flex;position:absolute;top:32%;left:25%;transform:rotate(-2deg);box-shadow:0 14px 25px #24100466}.letter-card img{width:95px}.letter-card span{flex-direction:column;gap:6px;display:flex}.letter-card small,.letter-card em{opacity:.7;font-size:11px;font-style:normal}.inbox-note{max-width:280px}.stamp{letter-spacing:.18em;color:#efbf76;font-size:12px}.inbox-note h3{margin:14px 0;font-family:ZCOOL XiaoWei;font-size:34px;font-weight:400;line-height:1.35}.inbox-note p{color:#ebd0a2;line-height:1.8}.inbox-note .primary{width:auto;padding:11px 28px}.map-panel{color:#4b301e;justify-content:center;align-items:center;gap:7%;display:flex;inset:130px 9% 90px}.map-art{aspect-ratio:1.25;background-color:#e9cd91;background-image:radial-gradient(circle at 30% 20%,#f8e6b7 0 3px,#0000 4px),linear-gradient(145deg,#e8c987,#b9a169);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:50%;width:min(52vw,650px);position:relative;overflow:hidden;box-shadow:0 20px 40px #260f0359}.mountain{opacity:.7;clip-path:polygon(0 100%,25% 45%,43% 70%,66% 20%,100% 100%);background:#75865d;position:absolute}.m1{inset:15% 40% 30% 8%}.m2{opacity:.55;background:#b16d4e;inset:33% 5% 18% 38%}.path-line{background:#9a5735;width:62%;height:2px;position:absolute;top:60%;left:20%;transform:rotate(-18deg);box-shadow:0 0 0 5px #9a57351a}.route-dot{color:#fff4d6;background:#a95132;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid;position:absolute;box-shadow:0 0 0 7px #fff4d680}.d1{top:69%;left:17%}.d2{top:53%;left:49%}.d3{top:33%;right:13%}.postman{color:#f2b965;font-size:26px;animation:2.6s ease-in-out infinite float;position:absolute;top:48%;left:52%}.route-caption{color:#fff1d0;max-width:300px}.route-caption p{color:#f1c479;letter-spacing:.1em;font-size:12px}.route-caption h3{margin:15px 0;font-family:ZCOOL XiaoWei;font-size:36px;font-weight:400;line-height:1.3}.route-caption small{opacity:.7}.album{perspective:1000px;justify-content:center;align-items:center;gap:0;display:flex;inset:115px 8% 85px}.album-cover,.album-page{aspect-ratio:.72;height:min(68vh,560px);padding:38px 30px;box-shadow:0 20px 38px #180a0273}.album-cover{color:#f6d28e;background:#7f3929;border-right:2px solid #52261d;border-radius:5px 0 0 5px;flex-direction:column;justify-content:center;align-items:center;display:flex}.album-cover span{letter-spacing:.28em;font-size:12px}.album-cover strong{margin:28px 0;font-family:ZCOOL XiaoWei;font-size:72px;font-weight:400;line-height:.95}.album-cover small{letter-spacing:.22em}.album-page{color:#654323;background:#f4dfad;position:relative;transform:rotateY(-5deg)}.page-label{letter-spacing:.16em;border-bottom:1px solid #b9945c;padding-bottom:12px;font-size:12px}.album-page>img{width:100%;margin:35px 0 16px}.collection-copy h3{margin:0;font-family:ZCOOL XiaoWei;font-size:24px;font-weight:400}.collection-copy p{font-size:13px;line-height:1.7}.collection-copy span{color:#a1764b;font-size:11px}.seal-img{bottom:20px;right:18px;transform:rotate(8deg);width:74px!important;position:absolute!important}.toast{z-index:20;color:#fff0d1;background:#3e2817;border:1px solid #f4d0934d;border-radius:4px;padding:12px 20px;animation:.25s toast;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.hotspot:focus-visible,.nav button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #f3c676}@keyframes float{50%{transform:translateY(-10px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=800px){.app{min-height:640px}.topbar{top:18px;left:20px;right:20px}.brand{font-size:18px}.topbar small{display:none}.home-copy{top:13%;left:7%}.home-copy h1{font-size:36px}.mailbox{width:170px;bottom:17%;left:-3%}.desk{width:265px;bottom:12%;left:25%}.board{width:145px;top:29%;left:59%}.shelf{width:205px;bottom:13%;right:-8%}.nav{justify-content:space-around;gap:0;width:calc(100% - 24px);bottom:10px}.nav button{min-width:52px}.pagehead{gap:15px;top:18px;left:20px;right:20px}.pagehead h2{font-size:24px}.writing-layout{padding-bottom:25px;display:block;inset:90px 6% 75px;overflow:auto}.paper-wrap{width:100%;margin-top:20px}.write-side{max-width:420px;margin:22px auto 0}.inbox-main{display:block;inset:95px 6% 75px;overflow:auto}.cabinet{margin:30px auto 0}.inbox-note{text-align:center;margin:10px auto}.map-panel{padding-top:25px;display:block;inset:95px 6% 75px;overflow:auto}.map-art{width:100%;margin:auto}.route-caption{text-align:center;margin:25px auto}.album{gap:0;inset:90px 4% 75px;transform:scale(.84)}.album-cover,.album-page{height:500px}.collection .pagehead{z-index:3}.weather{bottom:76px;left:20px}}.home{background-position:top}.home:after{background:linear-gradient(#fff3d208,#0000 58%,#2f1b0a1f)}.home .home-copy{color:#4a2b18;text-shadow:0 1px #ffffff61;top:7%;left:7%}.home .home-copy h1{letter-spacing:.16em;margin:0 0 12px;font-size:clamp(32px,4.2vw,62px);line-height:1.15}.home .home-copy span{letter-spacing:.18em;color:#68452b;font-size:15px}.home .home-copy span b{color:#c55c45;margin-right:8px;font-size:14px}.home .mailbox{width:26.6%;top:50.4%;bottom:auto;left:2.4%}.home .board{width:28.5%;top:33.5%;left:40.5%}.home .shelf{width:24.6%;top:45.2%;bottom:auto;right:.8%}.home .desk{width:56.2%;top:64.3%;bottom:auto;left:43.5%}.home .hotspot b,.home .hotspot i{display:none}.home .nav{background:#fbf2df;border:0;border-radius:24px 24px 0 0;justify-content:space-around;gap:0;padding:14px 20px 25px;bottom:0;left:0;right:0;transform:none;box-shadow:0 -4px 16px #5a351414}.home .nav button{color:#846f5e;gap:8px;min-width:60px;font-size:14px}.home .nav button span{color:#ae9b87;font-size:10px}.home .nav button.active{color:#5c331e}.home .nav button.active span{color:#b95339}.home .nav .write-nav{color:#846f5e;background:0 0;margin:0;padding:0}@media (width<=800px){.home .mailbox{width:26.6%;top:50.4%;left:2.4%}.home .board{width:28.5%;top:33.5%;left:40.5%}.home .shelf{width:24.6%;top:45.2%;right:.8%}.home .desk{width:56.2%;top:64.3%;left:43.5%}.home .home-copy{top:7%;left:7%}.home .home-copy h1{font-size:36px}}.profile-entry{border-radius:0;width:104px;height:48px;color:#0000!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;font-size:0!important}.profile-entry span{display:none}.profile-card{z-index:2;color:#56351f;background:#fff4d6ed;border:1px solid #8a5c2f47;align-items:center;gap:25px;padding:30px 34px;display:flex;position:absolute;top:23%;left:9%;right:9%;box-shadow:0 18px 34px #37190738}.profile-seal{text-align:center;color:#f8dfaa;background:#a94b37;border-radius:50%;place-items:center;width:74px;height:74px;font-family:ZCOOL XiaoWei;font-size:23px;line-height:1.05;display:grid;box-shadow:inset 0 0 0 5px #ffdd9533}.profile-info{flex:1}.profile-info .eyebrow{letter-spacing:.18em;color:#a26a3f;font-size:11px}.profile-info h3{margin:6px 0;font-family:ZCOOL XiaoWei;font-size:34px;font-weight:400}.profile-info p{color:#8b6040;margin:0 0 8px;font-size:13px}.profile-info small{color:#8a684c}.edit-profile{color:#815333;font:inherit;cursor:pointer;background:0 0;border:1px solid #b47c4b;padding:9px 14px}.profile-menu{z-index:2;color:#5b3b25;background:#fff8e5e6;position:absolute;top:44%;left:9%;right:9%}.profile-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #6f482a29;justify-content:space-between;padding:18px 20px;display:flex}.profile-menu button span{color:#9c7959;font-size:12px}@media (width<=800px){.profile-card{gap:16px;padding:24px 20px;top:18%;left:6%;right:6%}.profile-seal{width:60px;height:60px;font-size:18px}.profile-info h3{font-size:28px}.profile-info small{font-size:11px}.edit-profile{padding:7px;font-size:12px}.profile-menu{top:40%;left:6%;right:6%}.profile-entry{width:86px;height:42px}.topbar{left:20px;right:20px}}.home .profile-entry{z-index:8;transform-origin:50% 0;width:82px;height:116px;animation:5s ease-in-out infinite bellSway;display:block;position:absolute;top:-2px;right:18%;overflow:visible}.home .profile-entry img{object-fit:contain;filter:drop-shadow(0 6px 8px #361d0840);width:100%;height:100%;transition:filter .25s,transform .25s;display:block}.home .profile-entry:hover img,.home .profile-entry:active img{filter:drop-shadow(0 8px 12px #361d0866)brightness(1.08);transform:scale(1.04)}.home .profile-entry:focus-visible{outline-offset:3px;outline:2px solid #ffdc91e6}@keyframes bellSway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.6deg)}}@media (width<=800px){.home .profile-entry{width:78px;height:112px;top:-1px;right:14%}}.profile-avatar{cursor:pointer;background:#a94b37;border-radius:50%;flex:none;width:74px;height:74px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffdd9533}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar span{text-align:center;color:#fff4d6;background:#3a1d0dad;padding:3px 0;font-size:10px;position:absolute;inset:auto 0 0}.profile-avatar input{opacity:0;cursor:pointer;position:absolute;inset:0}.personal-id{-webkit-user-select:text;user-select:text;touch-action:manipulation;cursor:copy}@media (width<=800px){.profile-avatar{width:60px;height:60px}}.draft-status{color:#f0cd98;border-top:1px solid #ffebc333;margin-top:16px;padding-top:13px;font-size:12px}.selection-layout,.confirm-layout{grid-template-columns:minmax(360px,1fr) 340px}.preview-letter,.envelope-preview{filter:drop-shadow(0 20px 25px #220f044d);justify-self:center;max-width:560px;position:relative}.preview-letter img,.envelope-preview>img:first-child{width:100%;display:block}.preview-letter span{color:#6f472d;font-family:ZCOOL XiaoWei;font-size:24px;position:absolute;top:26%;left:15%}.choice-title{color:#eabe7f;border-top:1px solid #ffebc32e;margin:16px 0 8px;padding-top:12px;font-size:12px}.choice-row{gap:10px;display:flex}.choice-row button{color:#f4dbb0;font:inherit;cursor:pointer;background:#ffefc71a;border:1px solid #0000;padding:8px}.choice-row button.selected,.stamp-row button.selected,.seal-choice.selected{background:#dbad6a2e;border-color:#dbad6a}.choice-row img{object-fit:contain;width:80px;height:45px;display:block}.plain-paper{background:#efe0bb;width:80px;height:45px;display:block}.choice-row span{font-size:11px}.stamp-row{gap:7px;display:flex}.stamp-row button{color:#f4dbb0;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffebc34d;padding:8px 12px}.seal-choice{color:#f4dbb0;font:inherit;cursor:pointer;background:#dbad6a2e;border:1px solid #dbad6a;align-items:center;gap:10px;padding:5px 12px 5px 5px;display:flex}.seal-choice img{object-fit:contain;width:42px;height:42px}.write-actions{align-items:center;gap:14px;margin-top:20px;display:flex}.write-actions .primary{flex:1;margin:0}.write-actions .text-btn{white-space:nowrap;width:auto;margin:0}.preview-seal{bottom:16%;right:31%;transform:rotate(-7deg);width:90px!important;position:absolute!important}.confirm-list{color:#f0d5a5;border-top:1px solid #ffebc333;flex-direction:column;gap:10px;padding-top:15px;font-size:13px;display:flex}.sealed-state{z-index:2;color:#fff0d2;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:130px 9% 90px}.sealed-envelope{filter:drop-shadow(0 24px 30px #220f046b);width:min(480px,74vw);animation:.7s both sealedIn;position:relative}.sealed-envelope>img:first-child{width:100%;display:block}.sealed-envelope>img:last-child{width:100px;position:absolute;bottom:14%;right:31%;transform:rotate(-6deg)}.sealed-state h3{margin:24px 0 6px;font-family:ZCOOL XiaoWei;font-size:35px;font-weight:400}.sealed-state p{color:#efd4a7}.sealed-state .primary{width:auto;padding:11px 25px}.sealed-state .text-btn{width:auto;margin-top:14px}@keyframes sealedIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:none}}@media (width<=800px){.selection-layout,.confirm-layout{display:block;overflow:auto}.preview-letter,.envelope-preview{width:90%;margin:10px auto 0}.selection-layout .write-side,.confirm-layout .write-side{margin-top:20px}.write-actions{padding-bottom:20px}.sealed-state{inset:95px 6% 70px}.sealed-state h3{font-size:29px}}.envelope-preview{isolation:isolate}.envelope-art{z-index:2;position:relative}.folding-paper{z-index:3;filter:drop-shadow(0 8px 8px #32140533);width:42%;transition:transform 1.05s cubic-bezier(.22,.8,.3,1),opacity .45s;position:absolute;top:10%;left:29%;transform:rotate(-3deg)}.is-sealing .folding-paper{opacity:.05;transform:translate(4%,58%)rotate(7deg)scale(.36)}.preview-seal{z-index:4;opacity:.98;filter:drop-shadow(0 5px 5px #460f044d);transition:transform .42s cubic-bezier(.2,1.5,.4,1),filter .42s;bottom:26%;left:43.5%;transform:scale(.72)rotate(-8deg);width:13%!important;position:absolute!important;right:auto!important}.is-sealing .preview-seal{animation:.95s cubic-bezier(.2,1.5,.4,1) .75s both stampDown}.seal-light{z-index:5;aspect-ratio:1;filter:blur(12px);opacity:0;pointer-events:none;background:#ffd681cc;border-radius:50%;width:14%;position:absolute;bottom:25%;left:43%}.is-sealing .seal-light{animation:.46s ease-out 1.1s both sealFlash}@keyframes stampDown{0%{opacity:0;transform:translateY(-80px)scale(1.35)rotate(-8deg)}72%{opacity:1;transform:translateY(4px)scale(.68)rotate(-8deg)}to{opacity:1;transform:translateY(0)scale(.72)rotate(-8deg)}}@keyframes sealFlash{0%{opacity:0;transform:scale(.4)}35%{opacity:.8;transform:scale(1.8)}to{opacity:0;transform:scale(2.4)}}.write-actions button:disabled{opacity:.55;cursor:wait}.confirm-layout{overflow:hidden}.confirm-layout .envelope-preview{width:min(520px,46vw);max-height:58vh}.confirm-layout .envelope-art{object-fit:contain;max-height:58vh}.confirm-layout .write-side{max-width:330px}@media (width<=800px){.confirm-layout{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex!important;inset:92px 6% 72px!important;overflow:hidden!important}.confirm-layout .envelope-preview{flex:none;width:min(390px,82vw);max-height:47vh}.confirm-layout .write-side{text-align:center;width:100%;max-width:360px;max-height:31vh;overflow:auto}.confirm-layout .write-side p{margin:7px 0;font-size:12px;line-height:1.5}.confirm-layout .confirm-list{text-align:left;gap:6px;padding-top:9px;font-size:12px}.confirm-layout .write-actions{justify-content:center;margin-top:8px;padding-bottom:0}.confirm-layout .write-actions .primary{flex:0 auto;padding:10px 18px}.confirm-layout .write-actions .text-btn{padding:0}.folding-paper{top:8%}.preview-seal{bottom:25%;left:42.5%;width:15%!important}}.write .writing-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:8px 0 26px;display:flex;inset:92px 6% 72px;overflow:auto}.write .paper-wrap{flex:none;width:min(88vw,560px);max-width:none}.write .write-side{text-align:center;flex:none;width:min(100%,380px);max-width:none}.write .write-side h3{margin:5px 0}.write .write-side p{margin:6px 0;line-height:1.6}.write .mini-row{text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.write .primary{margin-top:10px}.write .selection-layout .preview-letter,.write .confirm-layout .envelope-preview{flex:none;width:min(88vw,500px);max-width:none}.write .selection-layout .write-side,.write .confirm-layout .write-side{width:min(100%,380px);max-width:none}.write .selection-layout,.write .confirm-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;overflow:auto;display:flex!important}.write .selection-layout .write-side,.write .confirm-layout .write-side{margin-top:0}.sealed-envelope>img{width:100%;display:block}.sealed-envelope{width:min(88vw,520px)}.write .write-side{color:#fff0d0;text-shadow:0 1px 2px #1408028c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#301b0d9e;border:1px solid #ffdea438;border-radius:10px;padding:14px 16px}.write .write-side p{color:#ffe2ad}.write .paper-content input::placeholder,.write .paper-content textarea::placeholder{color:#76563c;opacity:.9}.write .paper-content input,.write .paper-content textarea{font-size:15px}.write .paper-content textarea{color:#4a3020}.write .confirm-layout .write-side{background:#301b0dc7}.write .confirm-layout .envelope-preview{width:min(58vw,280px);max-height:30vh}.write .confirm-layout .envelope-art{object-fit:contain;max-height:30vh}.write .confirm-layout .folding-paper{width:39%;left:30.5%}.write .confirm-layout .preview-seal{bottom:25%;left:43%;width:14%!important}.write .confirm-layout .write-actions .primary{font-size:14px}.write .sealed-state{background:#26160b3d;border-radius:14px}.write .sealed-state h3,.write .sealed-state p{text-shadow:0 2px 4px #140802a6}@media (width>=801px){.write .writing-layout{inset:105px 7% 84px}.write .confirm-layout{flex-direction:column;justify-content:flex-start;display:flex;overflow:auto}.write .confirm-layout .write-side{text-align:center;width:min(100%,460px)}.write .confirm-layout .envelope-preview{width:min(320px,34vw);max-height:35vh}.write .confirm-layout .envelope-art{max-height:35vh}}@media (width<=800px){.write .paper-wrap{width:min(78vw,360px)}.write .write-side{font-size:13px}.write .write-side h3{font-size:27px}.write .write-side p{font-size:12px}.write .confirm-layout{padding-top:8px;justify-content:flex-start!important;gap:6px!important}.write .confirm-layout .envelope-preview{width:min(58vw,270px);max-height:28vh}.write .confirm-layout .envelope-art{max-height:28vh}.write .confirm-layout .write-side{max-height:39vh;padding:12px 14px}.write .confirm-layout .confirm-list{font-size:11px}.write .confirm-layout .write-actions{margin-top:6px}}@media (width<=480px){.app{height:100dvh;min-height:0;overflow:hidden}.write .pagehead{gap:12px;top:18px;left:18px;right:18px}.write .pagehead button{min-width:78px;font-size:13px}.write .pagehead small{letter-spacing:.16em;font-size:11px}.write .pagehead h2{font-size:24px;line-height:1.2}.write .step{font-size:12px}.write .writing-layout{gap:16px;padding:8px 0 28px;inset:86px 16px 70px}.write .paper-wrap{width:min(92vw,370px)}.write .paper-content input,.write .paper-content textarea{font-size:16px;line-height:1.75}.write .paper-content input{min-height:34px}.write .paper-content textarea{min-height:170px}.write .paper-content input::placeholder,.write .paper-content textarea::placeholder{font-size:15px}.write .write-side{border-radius:12px;width:min(100%,370px);padding:18px}.write .write-side .eyebrow{font-size:12px}.write .write-side h3{margin:7px 0 9px;font-size:26px;line-height:1.2}.write .write-side p{margin:7px 0;font-size:14px;line-height:1.65}.write .draft-status{margin-top:12px;padding-top:12px;font-size:13px}.write .primary{min-height:46px;padding:11px 18px;font-size:15px}.write .text-btn{min-height:40px;font-size:14px}.write .selection-layout,.write .confirm-layout{padding-top:8px;gap:13px!important;inset:86px 16px 70px!important}.write .selection-layout .preview-letter{width:min(84vw,340px)}.write .selection-layout .write-side{font-size:14px}.write .choice-title{margin-top:12px;font-size:13px}.write .choice-row button,.write .stamp-row button,.write .seal-choice{min-height:44px;font-size:14px}.write .choice-row img{width:74px;height:44px}.write .confirm-layout .envelope-preview{width:min(64vw,245px);max-height:25vh}.write .confirm-layout .write-side{width:min(100%,370px);max-height:none;padding:17px 18px}.write .confirm-layout .write-side h3{font-size:25px}.write .confirm-layout .write-side p{font-size:14px}.write .confirm-layout .confirm-list{gap:7px;font-size:13px;line-height:1.6}.write .confirm-layout .write-actions{gap:10px;margin-top:10px}.write .confirm-layout .write-actions .primary{font-size:14px}.home .nav{padding:12px 14px 18px}.home .nav button{gap:6px;min-width:54px;font-size:12px}.home .nav button span{font-size:11px}.home .home-copy h1{font-size:30px}.home .home-copy span{font-size:12px}.write{height:100dvh;min-height:0}.write .writing-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;position:absolute;width:auto!important;height:auto!important;padding:8px 10px 10px!important;display:flex!important;inset:82px 0 66px!important;overflow:hidden!important}.write .paper-wrap{flex:none;width:min(100vw,410px)!important;max-height:55dvh!important}.write .paper-wrap>img{object-fit:contain;width:100%;max-height:55dvh}.write .paper-content{gap:12px;inset:21% 18% 13%}.write .paper-content textarea{height:170px;min-height:0}.write .write-side{flex:none;max-height:36dvh;overflow:hidden;width:min(94vw,390px)!important;padding:14px 18px!important}.write .write-side .primary{min-height:44px}.write .selection-layout,.write .confirm-layout{width:auto!important;height:auto!important;padding:8px 10px 10px!important;display:flex!important;inset:82px 0 66px!important;overflow:hidden!important}.write .selection-layout .preview-letter{max-height:42dvh;overflow:hidden;width:min(92vw,370px)!important}.write .selection-layout .preview-letter img{object-fit:contain;max-height:42dvh}.write .selection-layout .write-side{max-height:45dvh;overflow:auto}.write .confirm-layout .envelope-preview{flex:none;width:min(62vw,245px)!important;max-height:30dvh!important}.write .confirm-layout .envelope-art{max-height:30dvh!important}.write .confirm-layout .write-side{max-height:45dvh;overflow:auto}.write .writing-layout{justify-content:flex-start!important;gap:8px!important;padding:8px 10px 78px!important;inset:82px 0 0!important;overflow:hidden!important}.write .paper-wrap{justify-content:center;align-items:center;display:flex;width:min(100vw,410px)!important;height:55dvh!important;max-height:none!important}.write .paper-wrap>img{object-fit:contain;width:100%;height:100%;max-height:none}.write .write-side{flex-direction:column;justify-content:center;min-height:29dvh;max-height:none;display:flex;width:min(94vw,390px)!important;padding:16px 18px!important}.write .write-side h3{font-size:27px}.write .write-side p{font-size:14px}.write .write-side .primary{margin-top:12px}.write .selection-layout,.write .confirm-layout{gap:8px!important;padding:8px 10px 78px!important;inset:82px 0 0!important;overflow:hidden!important}.write .selection-layout .preview-letter{justify-content:center;align-items:center;height:43dvh;max-height:none;display:flex;width:min(92vw,370px)!important}.write .selection-layout .preview-letter img{object-fit:contain;width:100%;height:100%;max-height:none}.write .selection-layout .write-side{min-height:39dvh;max-height:none;overflow:auto}.write .confirm-layout .envelope-preview{justify-content:center;align-items:center;height:31dvh;max-height:none;display:flex;width:min(64vw,250px)!important}.write .confirm-layout .envelope-art{object-fit:contain;width:100%;height:100%;max-height:none!important}.write .confirm-layout .write-side{min-height:38dvh;max-height:none;overflow:auto}}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#e9e6df;place-items:center;display:grid}.app{background:#22170d;border-radius:16px;width:min(100vw,1180px);height:100dvh;min-height:0;margin:0 auto;overflow:hidden;box-shadow:0 18px 60px #2b1c0e38}.scene{width:100%;height:100%}@media (width<=480px){body{background:#22170d;display:block}.app{width:100vw;height:100dvh;box-shadow:none;border-radius:0}.write .writing-layout,.write .selection-layout,.write .confirm-layout{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:120px!important;overflow:hidden auto!important}.write .writing-layout::-webkit-scrollbar{display:none}.write .selection-layout::-webkit-scrollbar{display:none}.write .confirm-layout::-webkit-scrollbar{display:none}.write .paper-wrap{min-height:55dvh;width:min(96vw,420px)!important;height:auto!important}.write .paper-wrap>img{height:auto!important;max-height:none!important}.write .paper-content textarea{height:190px}.write .write-side{margin-bottom:10px;min-height:30dvh!important}.write .write-side .primary{margin-bottom:4px}.write .nav{z-index:20;position:absolute;bottom:0}}.preview-letter{padding-top:34px}.preview-letter span{color:#f8e6c1;text-shadow:0 2px 4px #230f04a6;z-index:4;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:20px;line-height:1.3;top:0;left:5%}.preview-letter img{z-index:2;position:relative}@media (width<=480px){.preview-letter{padding-top:30px}.preview-letter span{font-size:19px;left:6%}}.mailbox-room{--paper:#f3e2bd;--ink:#57371f;--gold:#d9aa65}.mailbox-room .inbox-main{pointer-events:none;justify-content:center;align-items:center;gap:3%;inset:100px 7% 38vh}.mailbox-room .inbox-main>*{pointer-events:auto}.mailbox-room .cabinet{flex:0 55%;max-width:520px}.mailbox-room .inbox-note{text-shadow:0 2px 12px #28180e;width:min(30%,280px)}.mailbox-room .incoming-letter{transform-origin:50% 85%;animation:.8s cubic-bezier(.18,.8,.25,1) both mail-arrive}.mailbox-room .letter-management{z-index:3;width:min(700px,86vw);max-height:min(37vh,350px);color:var(--ink);background:url(/ui/%E6%94%B6%E5%88%B0%E7%9A%84%E4%BF%A1%E9%95%BF%E5%B9%85%E8%8A%B1%E7%AC%BA.png) 50%/100% 100% no-repeat;border:0;border-radius:5px;flex-direction:column;padding:18px 22px 12px;display:flex;position:absolute;bottom:86px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 42px #160a035c}.mailbox-room .letter-management:before,.arrival-paper:before{content:"";pointer-events:none;border:1px solid #9867313d;position:absolute;inset:8px}.management-heading{border-bottom:1px solid #65422333;justify-content:space-between;align-items:center;gap:16px;padding:0 3px 12px;display:flex}.management-heading small{letter-spacing:.18em;color:#9a7044;font-size:11px}.management-heading h3{margin:2px 0 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:22px;font-weight:400}.letter-filters{background:#7c4f271a;border-radius:99px;gap:5px;padding:3px;display:flex}.letter-filters button{color:#765536;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:6px 12px;font-size:12px}.letter-filters button.active{color:#fff0d1;background:#8d6036;box-shadow:0 2px 5px #77502b33}.letter-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b99360 transparent;overflow:auto}.letter-row{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #65422326;align-items:center;gap:12px;padding:9px 4px;transition:background .2s;display:flex}.letter-row:hover,.letter-row:focus-visible{background:#ffffff47}.letter-row>img{object-fit:contain;filter:drop-shadow(0 3px 3px #65431f30);width:76px;height:48px}.letter-meta{flex:1;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;min-width:0;display:grid}.letter-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.letter-meta small{color:#8b6947;grid-column:1/-1;font-size:11px}.letter-meta time{color:#98734b;grid-area:1/2;font-size:11px}.read-mark{color:#9c4d31;background:#f1d2ad;border-radius:99px;flex:none;padding:3px 8px;font-size:11px}.read-mark.is-read{color:#7e684e;background:#6e593f1c}.row-arrow{color:#9b7448;font-size:24px;line-height:1}.empty-letters{color:#987650;text-align:center;place-items:center;gap:3px;min-height:92px;font-size:13px;display:grid}.empty-letters>span{font-size:21px}.empty-letters p{margin:0}.letter-modal-scrim{z-index:8;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#140c0794;place-items:center;animation:.25s both scrim-in;display:grid;position:absolute;inset:0}.arrival-paper{text-align:center;color:#57371f;clip-path:polygon(0 2%,4% 1%,7% 2%,13% 1%,19% 2%,27% 1%,34% 2%,42% 1%,50% 2%,58% 1%,66% 2%,73% 1%,82% 2%,90% 1%,96% 2%,100% 1%,99% 98%,94% 99%,87% 98%,80% 99%,72% 98%,64% 99%,54% 98%,45% 99%,36% 98%,28% 99%,18% 98%,9% 99%,1% 98%);background:radial-gradient(at 15% 12%,#ffffff6b,#0000 34%),linear-gradient(145deg,#f0dcaf,#dec18e);border:1px solid #b48b55;width:min(390px,88vw);max-height:min(82dvh,700px);padding:28px 28px 25px;animation:.45s cubic-bezier(.2,.85,.3,1) both paper-pop;position:relative;overflow:auto;box-shadow:0 24px 65px #10090480,inset 0 0 0 5px #fff6d77a}.arrival-paper>small{color:#966b3c;letter-spacing:.2em;margin:7px 0 5px;font-size:11px;display:block}.arrival-paper h3{margin:6px 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:30px;font-weight:400}.arrival-subtitle,.arrival-from{color:#866344;font-size:13px}.arrival-envelope{object-fit:contain;filter:drop-shadow(0 10px 10px #65431f38);width:min(86%,300px);height:180px;margin:5px auto 0;animation:3.2s ease-in-out infinite envelope-float}.arrival-paper .primary{color:#fff0d0;background:#79502e;border-radius:30px;width:auto;min-width:170px;margin-top:10px;padding:11px 26px;position:relative;box-shadow:0 5px 12px #65431f35}.modal-close{z-index:2;color:#fff1d4;cursor:pointer;background:#81572c;border:1px solid #a77d4b66;border-radius:50%;width:34px;height:34px;font:24px/1 serif;position:absolute;top:11px;right:13px}.reading-scrim{overflow:auto}.reading-sheet{color:#513923;filter:drop-shadow(0 22px 38px #160d0780);width:min(560px,92vw);height:min(80dvh,780px);min-height:420px;animation:.4s cubic-bezier(.2,.85,.3,1) both paper-pop;position:relative;overflow:hidden}.reading-sheet>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.reading-copy{overscroll-behavior:contain;padding:18px 12px 22px;font-family:Noto Serif SC,serif;position:absolute;inset:10% 12% 11%;overflow:auto}.reading-copy>small{color:#9a7246;letter-spacing:.12em;font-size:12px;display:block}.reading-copy h3{margin:7px 0 20px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:23px;font-weight:400}.reading-copy p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:2.1}.reading-copy footer{text-align:right;margin:25px 8px 0;font-size:14px}.read-stamp{float:right;color:#a33e2a;opacity:.83;border:2px solid #a33e2a;border-radius:50%;margin:-8px -3px 8px 12px;padding:10px 6px;font-size:12px;position:sticky;top:0;transform:rotate(12deg)}.reading-sheet .modal-close{top:4%;right:5%}@keyframes mail-arrive{0%{opacity:0;transform:translateY(-26px)scale(.9)rotate(-5deg)}70%{opacity:1;transform:translateY(5px)scale(1.02)rotate(1deg)}to{transform:none}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes paper-pop{0%{opacity:0;transform:translateY(18px)scale(.94)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes envelope-float{50%{transform:translateY(-5px)rotate(.5deg)}}@media (width<=800px){.mailbox-room .inbox-main{flex-direction:column;justify-content:center;gap:0;height:35dvh;display:flex;inset:88px 4% auto;overflow:visible}.mailbox-room .cabinet{flex:none;width:min(68vw,310px);max-width:none;margin:0 auto}.mailbox-room .letter-card{gap:6px;width:58%;padding:7px;top:30%;left:22%}.mailbox-room .letter-card img{width:62px}.mailbox-room .letter-card span{gap:3px}.mailbox-room .letter-card b{font-size:11px}.mailbox-room .letter-card small,.mailbox-room .letter-card em{font-size:9px}.mailbox-room .inbox-note{display:none}.mailbox-room .letter-management{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:4px;width:auto;max-height:43dvh;padding:15px 14px 9px;transform:none}.management-heading{padding-bottom:9px}.management-heading h3{font-size:19px}.letter-filters button{padding:6px 9px;font-size:11px}.letter-row{gap:8px;padding:8px 1px}.letter-row>img{width:62px;height:42px}.letter-meta b{font-size:13px}.letter-meta small,.letter-meta time{font-size:10px}.arrival-paper{width:min(350px,88vw);padding:25px 23px 22px}.arrival-paper h3{font-size:27px}.arrival-envelope{height:155px}.reading-sheet{width:min(520px,94vw);height:min(76dvh,730px);min-height:min(420px,65dvh)}.reading-copy{padding:14px 9px;inset:10% 11%}.reading-copy p{font-size:15px;line-height:1.95}}@media (height<=700px) and (width<=800px){.mailbox-room .inbox-main{height:29dvh}.mailbox-room .letter-management{max-height:47dvh;padding-top:10px}.arrival-paper{max-height:78dvh;padding-top:20px;padding-bottom:16px}.arrival-envelope{height:120px}}@media (prefers-reduced-motion:reduce){.mailbox-room *,.letter-modal-scrim,.arrival-paper,.arrival-envelope{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.confirm-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:center;gap:4%}.confirm-layout .seal-animation{isolation:isolate;aspect-ratio:1.46;filter:drop-shadow(0 20px 25px #220f044d);justify-self:center;width:min(100%,620px);position:relative}.seal-animation .stage-envelope{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .34s,transform .4s;position:absolute;inset:0}.seal-animation .empty-envelope{z-index:1;opacity:1}.seal-animation .loaded-envelope{z-index:2;opacity:0;transform:scale(.98)}.seal-animation .closed-envelope{z-index:3;opacity:0;transform:scale(.98)}.seal-animation .paper-entering{z-index:4;opacity:0;transform-origin:50% 14%;filter:drop-shadow(0 8px 8px #3e220b35);pointer-events:none;width:32%;height:87%;position:absolute;top:0;left:34%;transform:translateY(-10%)scale(.78)rotate(-3deg)}.seal-animation .paper-entering>img{object-fit:fill;width:100%;height:100%;display:block}.seal-animation .letter-writing-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:#5a3b22;font-size:clamp(5px,.7vw,9px);line-height:1.7;position:absolute;inset:25% 15% 17%;overflow:hidden}.seal-animation .preview-seal{opacity:0;filter:drop-shadow(0 5px 5px #460f044d);pointer-events:none;transform:translateY(-44%)scale(1.25)rotate(-9deg);z-index:6!important;width:14%!important;height:auto!important;position:absolute!important;inset:43% auto auto 43%!important}.seal-animation .seal-light{z-index:5;aspect-ratio:1;filter:blur(12px);opacity:0;pointer-events:none;background:#ffd681cc;border-radius:50%;width:14%;position:absolute;top:44%;bottom:auto;left:43%}.seal-phase-1 .paper-entering{opacity:1;animation:1.03s cubic-bezier(.22,.75,.25,1) both paper-insert}.seal-phase-2 .empty-envelope,.seal-phase-3 .empty-envelope,.seal-phase-4 .empty-envelope{opacity:0}.seal-phase-2 .loaded-envelope{opacity:1;transform:none}.seal-phase-3 .loaded-envelope,.seal-phase-4 .loaded-envelope{opacity:0;transform:scale(.985)}.seal-phase-3 .closed-envelope,.seal-phase-4 .closed-envelope{opacity:1;transform:none}.seal-phase-4 .preview-seal{animation:.58s cubic-bezier(.18,.9,.26,1.35) both seal-press}.seal-phase-4 .seal-light{animation:.52s ease-out .26s both seal-flash}.confirm-layout .seal-phase-4 .preview-seal{opacity:1}@keyframes paper-insert{0%{opacity:0;transform:translateY(-10%)scale(.78)rotate(-3deg)}12%{opacity:1}66%{opacity:1;transform:translateY(24%)scale(.63)rotate(1deg)}to{opacity:0;transform:translateY(67%)scale(.42)rotate(0)}}@keyframes seal-press{0%{opacity:0;transform:translateY(-44%)scale(1.25)rotate(-9deg)}65%{opacity:1;transform:translateY(4%)scale(.88)rotate(-7deg)}82%{opacity:1;transform:translateY(-2%)scale(.94)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(.9)rotate(-7deg)}}@keyframes seal-flash{0%{opacity:0;transform:scale(.45)}30%{opacity:.75;transform:scale(1.7)}to{opacity:0;transform:scale(2.3)}}.seal-options{align-items:stretch;gap:10px;display:flex}.seal-options>button,.seal-options>.upload-seal{color:#f4dbb0;min-width:86px;min-height:75px;font:inherit;cursor:pointer;background:#ffefc714;border:1px solid #ffebc340;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.seal-options>button.selected{background:#dbad6a2e;border-color:#dbad6a}.seal-options img{object-fit:contain;width:42px;height:42px}.upload-seal{position:relative;border-style:dashed!important}.upload-seal>span{font-size:27px;line-height:1}.upload-seal input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-seal small{font-size:10px}@media (width<=800px){.confirm-layout{flex-direction:column;justify-content:center;gap:5px;padding:4px 0 10px;inset:88px 5% calc(74px + env(safe-area-inset-bottom))!important;display:flex!important;overflow:auto!important}.confirm-layout .seal-animation{flex:none;width:min(94vw,520px);max-height:38dvh}.confirm-layout .write-side{text-align:center;width:100%;max-width:420px;max-height:none;margin:0 auto;overflow:visible}.confirm-layout .write-side>.eyebrow{margin:3px 0;font-size:10px}.confirm-layout .write-side h3{margin:4px 0;font-size:23px}.confirm-layout .write-side>p{max-width:370px;margin:5px auto;font-size:12px;line-height:1.45}.confirm-layout .confirm-list{text-align:left;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:7px;padding-top:7px;font-size:10px;display:grid}.confirm-layout .write-actions{justify-content:center;gap:8px;margin-top:7px;padding:0}.confirm-layout .write-actions .primary{flex:1;margin:0;padding:10px 8px;font-size:12px}.confirm-layout .write-actions .text-btn{flex:none;width:auto;margin:0;font-size:11px}.seal-animation .letter-writing-preview{font-size:clamp(4px,1.3vw,7px)}}@media (height<=700px) and (width<=800px){.confirm-layout{justify-content:flex-start}.confirm-layout .seal-animation{max-height:31dvh}.confirm-layout .write-side{margin-top:0}.confirm-layout .confirm-list{gap:3px 7px}}@media (prefers-reduced-motion:reduce){.seal-animation *,.confirm-layout .seal-animation{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{height:100dvh;min-height:0}.mailbox-room .inbox-main{display:none}.mailbox-room .letter-management{z-index:3;aspect-ratio:908/1665;color:#4d2d19;width:min(900px,92vw);height:auto;max-height:calc(100dvh - 170px);box-shadow:none;clip-path:none;background:url(/ui/%E6%94%B6%E5%88%B0%E7%9A%84%E4%BF%A1%E9%95%BF%E5%B9%85%E8%8A%B1%E7%AC%BA.png) 50%/100% 100% no-repeat;border:0;border-radius:0;flex-direction:column;padding:13% 11% 10%;display:flex;position:absolute;top:98px;left:50%;overflow:hidden;transform:translate(-50%)}.mailbox-room .letter-management:after{display:none}.mailbox-room .management-heading,.mailbox-room .letter-list,.mailbox-room .empty-letters{z-index:1;position:relative}.mailbox-room .management-heading{border-bottom-color:#65422340;flex:none;padding:0 7px 18px}.mailbox-room .management-heading h3{color:#402516;font-size:34px}.mailbox-room .management-heading small{font-size:12px}.mailbox-room .letter-filters{background:0 0;gap:12px;padding:0}.mailbox-room .letter-filters button{color:#69462b;min-width:76px;padding:9px 18px;font-size:14px}.mailbox-room .letter-filters button.active{color:#fff1d1;background:#835a32;box-shadow:0 3px 8px #5d39193d}.mailbox-room .letter-list{flex:1;min-height:0;padding:4px 5px;overflow:hidden auto}.mailbox-room .letter-row{border-bottom:1px solid #6542233d;gap:20px;padding:18px 8px}.mailbox-room .letter-row>img{width:118px;height:72px}.mailbox-room .letter-meta{gap:7px 16px;min-width:0}.mailbox-room .letter-meta b{color:#3f2617;text-overflow:ellipsis;white-space:nowrap;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:23px;font-weight:400;overflow:hidden}.mailbox-room .letter-meta small,.mailbox-room .letter-meta time{color:#86613e;font-size:14px}.mailbox-room .read-mark{color:#896b4d;background:#754e2a1a;font-size:12px}.mailbox-room .read-mark:not(.is-read){color:#9c432b;background:#f1cfaa}.mailbox-room .row-arrow{color:#4d2d19;font-size:32px}.mailbox-room .kraft-mailbox{isolation:isolate;background:radial-gradient(circle at 20% 12%,#fff7da80,#0000 27%),linear-gradient(135deg,#c99558 0%,#b77d42 52%,#a96937 100%);border:1px solid #522c1280;border-radius:3px;flex-direction:column;align-items:center;min-height:270px;padding:28px 26px;display:flex;position:relative;transform:rotate(-.7deg);box-shadow:0 22px 32px #1d0d0361,inset 0 0 0 7px #ffe0a329}.mailbox-room .kraft-mailbox:before{content:"";pointer-events:none;border:1px solid #4d2a114d;position:absolute;inset:12px}.mailbox-room .kraft-mailbox:after{content:"✦";color:#5c301273;font-size:18px;position:absolute;top:17px;right:25px;transform:rotate(12deg)}.kraft-heading{z-index:1;color:#5f351b;text-align:left;border-bottom:1px solid #552c1147;flex-direction:column;align-self:stretch;gap:7px;padding:0 6px 13px;display:flex;position:relative}.kraft-heading small{letter-spacing:.17em;opacity:.72;font-size:11px}.kraft-heading strong{font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:27px;font-weight:400}.mailbox-room .kraft-mailbox .letter-card{background:#f3dfb7;border:1px solid #6135144d;width:min(100%,390px);margin:24px auto 0;position:relative;top:auto;left:auto;transform:rotate(-1deg);box-shadow:0 12px 18px #3218054d}.kraft-empty{z-index:1;text-align:center;color:#633a1d;margin-top:35px;font-size:15px;line-height:1.9;position:relative}.kraft-empty small{opacity:.7;font-size:11px}@media (width>=801px){.scene{background-size:cover}.write .writing-layout{padding:8px 0 28px;inset:105px 7% 84px;overflow:auto}.write .paper-wrap{width:min(54vw,650px)}.write .write-side{width:min(100%,360px)}.mailbox-room .letter-management{bottom:84px}}@media (width<=800px){.app{width:100vw;height:100dvh;box-shadow:none;border-radius:0}.scene{min-height:100dvh}.write .writing-layout,.write .selection-layout,.write .confirm-layout{-webkit-overflow-scrolling:touch;top:82px!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;height:auto!important;max-height:none!important;padding:8px 10px calc(20px + env(safe-area-inset-bottom))!important;left:0!important;overflow:hidden auto!important}.write .paper-wrap{flex:none;width:min(96vw,420px)!important;height:auto!important;min-height:0!important}.write .paper-wrap>img{width:100%!important;height:auto!important;max-height:none!important}.write .paper-content{gap:14px;inset:21% 17% 13%}.write .paper-content textarea{height:190px;min-height:170px}.write .write-side{width:min(94vw,390px)!important;min-height:0!important;max-height:none!important;margin:0 auto 8px!important;padding:16px 18px!important;overflow:visible!important}.write .selection-layout .preview-letter{flex:none;height:auto;width:min(94vw,390px)!important;max-height:none!important}.write .selection-layout .preview-letter img{width:100%;height:auto;max-height:none!important}.write .selection-layout .write-side{overflow:visible!important}.write .confirm-layout{justify-content:flex-start!important;gap:8px!important}.confirm-layout .seal-animation{aspect-ratio:1.46;flex:none;height:auto;width:min(94vw,520px)!important;max-height:none!important}.confirm-layout .write-side{max-width:420px!important}.mailbox-room .letter-management{bottom:calc(66px + env(safe-area-inset-bottom));aspect-ratio:908/1665;width:92vw;height:auto;max-height:calc(100dvh - 170px);padding:13% 11% 10%;inset:98px auto auto 50%;transform:translate(-50%)}.mailbox-room .management-heading{padding:0 8px 15px;display:block}.mailbox-room .management-heading h3{margin:4px 0 15px;font-size:29px}.mailbox-room .letter-filters{justify-content:space-between;gap:4px}.mailbox-room .letter-filters button{flex:1;min-width:0;padding:8px 6px;font-size:13px}.mailbox-room .letter-row{gap:10px;padding:16px 2px}.mailbox-room .letter-row>img{width:82px;height:54px}.mailbox-room .letter-meta{gap:4px 8px}.mailbox-room .letter-meta b{font-size:18px}.mailbox-room .letter-meta small,.mailbox-room .letter-meta time{font-size:11px}.mailbox-room .read-mark{display:none}.mailbox-room .row-arrow{font-size:27px}.reading-sheet{min-height:0;max-height:calc(100dvh - 32px)}}@media (prefers-reduced-motion:reduce){.home .profile-entry{animation:none}}.route-main{z-index:2;grid-template-columns:minmax(320px,1fr) minmax(280px,360px);justify-content:center;align-items:center;gap:5%;max-width:1040px;margin:auto;display:grid;position:absolute;inset:105px 8% 76px}.route-illustration{justify-content:center;align-items:center;height:100%;min-height:430px;display:flex;position:relative}.route-illustration img{object-fit:contain;filter:drop-shadow(0 25px 25px #24100561);transform-origin:58% 76%;width:min(100%,560px);height:100%;animation:5s ease-in-out infinite sign-sway}.route-bird{color:#f4c678;font-size:24px;animation:2.8s ease-in-out infinite route-glow;position:absolute;top:22%;right:16%}.route-info{color:#fff0d0;padding:30px 0 10px}.route-kicker{color:#efc37e;letter-spacing:.12em;margin:0 0 18px;font-size:13px}.route-info h3{text-shadow:0 3px 18px #341c08a6;margin:0 0 34px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:42px;font-weight:400;line-height:1.34}.route-line{align-items:center;width:100%;max-width:340px;display:flex}.route-line i{background:#fad79b73;flex:1;height:1px}.route-stop{color:#f6d49a;background:#3e210d6b;border:1px solid #fad79b94;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.route-stop.done{color:#fff1d1;background:#b45d38;border-color:#e4a966}.route-stop.current{color:#3b210e;background:#d8a55f;box-shadow:0 0 0 7px #e8ad5e29}.route-meta{color:#e9c98f;justify-content:space-between;max-width:340px;margin-top:12px;font-size:12px;display:flex}.route-meta time{opacity:.72}.route-arrival{color:#f4d7a4;border-top:1px solid #ffe2aa38;margin-top:30px;padding-top:14px;font-size:14px}@keyframes sign-sway{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(1deg)translateY(-5px)}}@keyframes route-glow{50%{opacity:.62;transform:translateY(-8px)}}@media (width<=800px){.route-main{flex-direction:column;justify-content:flex-start;gap:0;display:flex;inset:82px 8% 72px;overflow:auto}.route-illustration{flex:none;width:100%;height:53dvh;min-height:330px}.route-illustration img{width:100%;height:100%}.route-bird{top:13%;right:7%}.route-info{text-align:center;width:min(92vw,380px);padding:0 4px 28px}.route-kicker{margin-bottom:10px;font-size:12px}.route-info h3{margin-bottom:22px;font-size:31px}.route-line{margin:auto}.route-meta{text-align:left;margin-left:auto;margin-right:auto}.route-arrival{text-align:left;margin-top:20px}}@media (prefers-reduced-motion:reduce){.route-illustration img,.route-bird{animation:none}}.route-timeline-page{z-index:2;color:#4c2d1a;background:url(/ui/%E6%94%B6%E4%BF%A1%E7%89%9B%E7%9A%AE%E7%BA%B8%E8%83%8C%E6%99%AF.png) 50%/100% 100% no-repeat;flex-direction:column;width:min(920px,86vw);min-height:0;margin:auto;padding:34px 8% 24px;display:flex;position:absolute;inset:96px 7% 76px}.route-title-block{border-bottom:1px solid #6a421f38;flex:none;align-items:center;gap:18px;padding:0 4px 18px;display:flex}.route-title-block img{object-fit:contain;object-position:top;filter:drop-shadow(0 5px 4px #48250e3d);width:92px;height:92px}.route-title-block p{color:#a45a32;letter-spacing:.12em;margin:0 0 5px;font-size:12px}.route-title-block h3{margin:0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:27px;font-weight:400}.letter-timeline{flex:1;min-height:0;padding:12px 6px;overflow:auto}.timeline-letter{border-bottom:1px solid #6a421f33;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:18px 4px;display:grid}.timeline-visual{justify-content:center;align-items:center;display:flex}.timeline-route{align-items:center;width:100%;display:flex}.timeline-route i{background:#c69a68;flex:1;height:2px}.timeline-route i.active{background:#b65332}.timeline-node{color:#8b6c4a;background:#f0dfb8;border:2px solid #b7956c;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.timeline-node.done{color:#fff0d1;background:#bd5c36;border-color:#9d4329}.timeline-node.current{color:#4c2914;background:#db9b54;border-color:#bd6f36;box-shadow:0 0 0 5px #be623129}.timeline-copy-head{align-items:center;gap:12px;display:flex}.timeline-copy h4{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:23px;font-weight:400;overflow:hidden}.timeline-status{color:#9e482c;background:#b153301f;border-radius:99px;flex:none;padding:4px 8px;font-size:11px}.timeline-status.status-delivered{color:#66804f;background:#5b7e4124}.timeline-status.status-returned{color:#8a6b52;background:#69523c1f}.timeline-copy p{margin:7px 0 4px;font-size:13px}.timeline-copy small,.timeline-copy time{color:#8f704e;font-size:11px;line-height:1.65;display:block}.timeline-copy time{color:#a14d30}.route-empty{text-align:center;color:#765438;flex:1;align-content:center;place-items:center;display:grid}.route-empty p{margin:0 0 8px;font-family:ZCOOL XiaoWei;font-size:24px}.route-empty small{font-size:12px}.route-empty .primary{width:auto;margin-top:20px}.route-refresh{color:#966c46;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-end;padding:8px;font-size:12px}.route-refresh:hover,.route-refresh:focus-visible{color:#a64c2e}@media (width<=800px){.route-timeline-page{width:100%;padding:26px 10% 14px;inset:72px 0 68px}.route-title-block{gap:10px;padding-bottom:12px}.route-title-block img{width:64px;height:64px}.route-title-block h3{font-size:22px}.letter-timeline{padding:8px 0}.timeline-letter{padding:16px 2px;display:block}.timeline-visual{margin:0 0 13px}.timeline-route{max-width:250px;margin:auto}.timeline-copy-head{gap:7px}.timeline-copy h4{font-size:20px}.timeline-copy p{font-size:12px}.timeline-copy small,.timeline-copy time{font-size:10px}}.route-timeline-page{color:#4a2b18;background-image:url(/ui/%E5%9C%A8%E9%80%94%E6%97%B6%E9%97%B4%E7%BA%BF%E7%BA%B8.png);background-size:100% 100%;width:min(760px,92vw);padding:8% 13% 6%;inset:72px auto 62px 50%;transform:translate(-50%)}.route-title-block{text-align:center;border:0;padding:0 4% 4%;display:block}.route-title-block img{display:none}.route-title-block p{color:#8d4b2e;margin:0 0 5px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:16px}.route-title-block h3{color:#4a2b18;font-size:30px}.letter-timeline{padding:0 2%;overflow:auto}.timeline-letter{border:0;flex-direction:column;gap:10px;padding:0 0 22px;display:flex}.timeline-letter>.timeline-copy{text-align:center;border-bottom:1px solid #6e412038;padding:0 5% 10px}.timeline-copy-head{justify-content:center}.timeline-copy h4{color:#3f2415;font-size:26px}.timeline-copy p{font-size:14px}.timeline-copy small,.timeline-copy time{font-size:12px}.station-timeline{padding:10px 0;position:relative}.station-timeline:before{content:"";opacity:.75;background:repeating-linear-gradient(#c47a3f 0 12px,#0000 12px 22px);width:3px;position:absolute;top:62px;bottom:42px;left:23%}.station-stop{grid-template-columns:44% 38px minmax(0,1fr);align-items:center;min-height:104px;display:grid;position:relative}.station-stop img{object-fit:contain;filter:drop-shadow(0 5px 4px #43200c2e);grid-column:1;width:100%;height:86px}.station-pin{z-index:1;background:#f4e3bd;border:3px solid #9d764a;border-radius:50%;grid-area:1/2;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 5px #bf8a4c21}.station-pin span{color:#8d5e30;font-size:12px}.station-stop.passed .station-pin{background:#c86b39;border-color:#9f482a}.station-stop.passed .station-pin span{color:#fff4d8}.station-stop.current .station-pin{background:#bb4e2f;border-color:#f1d09a;width:40px;height:40px;box-shadow:0 0 0 7px #b94e2f33}.station-stop.current .station-pin span{color:#fff4d8;font-family:ZCOOL XiaoWei;font-size:16px}.station-label{grid-area:1/3;padding-left:12px}.station-label strong{color:#3f2415;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:22px;font-weight:400;display:block}.station-label small,.station-label time{color:#8b6746;margin-top:3px;font-size:12px;display:block}.station-label time{color:#a45431}.route-refresh{color:#8d613a;margin-top:2px}.route-empty{font-family:ZCOOL XiaoWei,serif}@media (width<=800px){.route-timeline-page{width:100%;padding:19% 11% 7%;inset:58px 0}.route-title-block h3{font-size:25px}.route-title-block p{font-size:14px}.timeline-copy h4{font-size:23px}.timeline-copy p{font-size:12px}.timeline-copy small,.timeline-copy time{font-size:10px}.station-stop{grid-template-columns:43% 34px minmax(0,1fr);min-height:92px}.station-timeline:before{top:53px;left:21%}.station-stop img{height:76px}.station-pin{width:28px;height:28px}.station-stop.current .station-pin{width:36px;height:36px}.station-label strong{font-size:19px}.station-label small,.station-label time{font-size:10px}.route-timeline-page{width:100%!important;left:0!important;right:0!important;transform:none!important}}html,body,#root{width:100%;height:100%;min-height:0}body{background:#22170d}.app{border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #2b1c0e38;width:min(100vw,430px)!important;height:100dvh!important;min-height:0!important;margin:0 auto!important}.scene{width:100%;height:100%;min-height:0}.write .writing-layout,.write .selection-layout,.write .confirm-layout{align-items:center;inset:82px 0 calc(66px + env(safe-area-inset-bottom))!important;width:100%!important;height:auto!important;padding:8px 10px calc(20px + env(safe-area-inset-bottom))!important;flex-direction:column!important;gap:10px!important;display:flex!important;overflow:hidden auto!important}.write .paper-wrap{flex:none;width:min(96vw,420px)!important;height:auto!important;min-height:0!important}.write .paper-wrap>img{width:100%!important;height:auto!important;max-height:none!important}.write .write-side{width:min(94vw,390px)!important;max-width:none!important;margin:0 auto 8px!important}.write .selection-layout .preview-letter{width:min(94vw,390px)!important;height:auto!important}.write .selection-layout .preview-letter img{width:100%;height:auto}.write .confirm-layout .seal-animation{flex:none;width:min(94vw,520px)!important;max-height:none!important}.route-timeline-page{width:100%!important;max-width:none!important;padding:19% 11% 7%!important;inset:58px 0!important;transform:none!important}.route-timeline-page .route-title-block h3{font-size:25px}.route-timeline-page .route-title-block p{font-size:14px}.route-timeline-page .timeline-copy h4{font-size:23px}.route-timeline-page .timeline-copy p{font-size:12px}.route-timeline-page .timeline-copy small,.route-timeline-page .timeline-copy time{font-size:10px}.route-timeline-page .station-stop{grid-template-columns:43% 34px minmax(0,1fr);min-height:92px}.route-timeline-page .station-timeline:before{top:53px;left:21%}.route-timeline-page .station-stop img{height:76px}.route-timeline-page .station-pin{width:28px;height:28px}.route-timeline-page .station-stop.current .station-pin{width:36px;height:36px}.route-timeline-page .station-label strong{font-size:19px}.route-timeline-page .station-label small,.route-timeline-page .station-label time{font-size:10px}@media (width<=480px){.app{box-shadow:none;border-radius:0}}.profile-modal-scrim{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#190d068f;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.profile-modal{color:#58371f;background:linear-gradient(145deg,#f4e5bf,#e3c18d);border:1px solid #b68a51;width:min(360px,90vw);max-height:78dvh;padding:32px 25px 24px;position:relative;overflow:auto;box-shadow:0 20px 45px #180a0259,inset 0 0 0 5px #fff8e059}.profile-modal h3{margin:0 0 18px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:28px;font-weight:400}.profile-modal p{color:#795638;font-size:13px;line-height:1.8}.profile-modal label{color:#86613d;margin:12px 0;font-size:12px;display:block}.profile-modal input{color:#4d2c19;width:100%;font:inherit;background:#fff9e08c;border:1px solid #80522759;margin-top:6px;padding:11px 10px;display:block}.profile-modal .primary{margin-top:14px}.profile-modal .text-btn{color:#8b4e2f;margin-top:12px}.profile-modal .modal-close{background:#8a5c34}.profile-action{color:#8d422a;width:100%;font:inherit;cursor:pointer;background:#a96b431a;border:1px solid #a96b43;padding:11px}.form-error{color:#a33f2c!important;margin:10px 0!important}.muted{color:#987956!important;font-size:11px!important}.profile-menu button,.edit-profile{cursor:pointer}.profile-modal .code-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:8px;display:grid}.profile-modal .code-row input{min-width:0}.profile-modal .code-row .text-btn{white-space:nowrap;padding:9px 5px;font-size:12px}.profile-modal button:disabled{opacity:.55;cursor:wait}.recipient-hint{z-index:2;color:#876544;margin:5px 0 8px;font-size:11px;line-height:1.6;display:block;position:relative}.profile-modal form{flex-direction:column;align-items:stretch;display:flex}.home .home-brand{display:none}.route-letter-tabs{scrollbar-width:thin;flex:none;gap:6px;padding:0 3% 8px;display:flex;overflow-x:auto}.route-letter-tabs button{color:#75492d;font:inherit;cursor:pointer;background:#fff2cd6b;border:1px solid #824e2847;border-radius:2px;flex:none;padding:7px 10px;font-size:11px}.route-letter-tabs button.active{color:#fff0d1;background:#a45130;border-color:#a45130}.sealed-envelope{place-items:center;display:grid;position:relative}.sealed-envelope>img:first-child{object-fit:contain;width:100%;height:auto;max-height:52dvh}.sealed-envelope>img:last-child{object-fit:contain;width:22%;height:auto;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-6deg)}@media (width<=800px){.route-letter-tabs{max-width:100%;padding-left:0;padding-right:0}.sealed-state{inset:88px 6% calc(68px + env(safe-area-inset-bottom));overflow:auto}.sealed-envelope{width:min(92vw,390px);margin:auto}.sealed-envelope>img:first-child{max-height:46dvh}.sealed-envelope>img:last-child{width:22%}}.collection-scene{--archive-paper:#f1ddb1;--archive-ink:#4a2e1c;--archive-cinnabar:#a84b31;--archive-pine:#53624b;--archive-gold:#c99a55}.collector-book{z-index:2;max-width:760px;color:var(--archive-ink);outline-offset:-7px;background:linear-gradient(115deg,#e2c284fa,#f8e8c0f7 7%,#f1ddb1fa 94%,#d2ad6df7);border:1px solid #fff4d6db;outline:1px solid #71462161;flex-direction:column;margin:auto;padding:clamp(16px,4vw,30px);display:flex;position:absolute;inset:104px 5% 83px;overflow:hidden;box-shadow:0 22px 55px #2212077a,inset 0 0 36px #9967301f}.collector-book:before{content:"";pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.collector-intro,.collector-tabs,.collector-content,.collector-footnote{z-index:1;position:relative}.collector-intro{text-align:center;border-bottom:1px solid #704b2645;flex:none;padding:3px 0 15px}.collector-kicker{letter-spacing:.19em;color:#987348;font-size:9px}.collector-intro h3{letter-spacing:.08em;margin:7px 0 2px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:clamp(21px,5vw,30px);font-weight:400}.collector-intro p{color:#8b6941;margin:4px 0 0;font-size:11px}.collector-tabs{scrollbar-width:none;border-bottom:1px solid #704b263d;flex:none;gap:4px;padding:11px 0 10px;display:flex;overflow-x:auto}.collector-tabs::-webkit-scrollbar{display:none}.collector-tabs button{color:#775a37;min-width:67px;font:inherit;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:22px;flex:1 0 auto;padding:8px 10px;font-size:11px}.collector-tabs button.active{color:#fff0cf;background:linear-gradient(#a9633d,#89482d);border-color:#ffe2aea6;box-shadow:0 2px 5px #4f270f38}.collector-content{overscroll-behavior:contain;scrollbar-color:#8d63337a transparent;scrollbar-width:thin;flex:1;min-height:0;padding:5px 2px 12px;overflow:auto}.collector-content::-webkit-scrollbar{width:4px}.collector-content::-webkit-scrollbar-thumb{background:#8d633373;border-radius:8px}.collected-letter-list{flex-direction:column;display:flex}.collected-letter{border-bottom:1px solid #704b2633;grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:88px;padding:11px 4px;display:grid}.collected-letter>img{object-fit:contain;filter:drop-shadow(0 4px 4px #4f341b2e);width:70px;height:54px}.collected-letter-copy{min-width:0}.collected-letter-copy small,.collected-letter-copy time{color:#8b6941;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.collected-letter-copy h4{color:#4b2f1d;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:16px;font-weight:400;overflow:hidden}.collected-letter>button,.mark-leaf button,.station-leaf button,.collector-retry{color:#754a2b;font:inherit;white-space:nowrap;cursor:pointer;background:#fff8df8a;border:1px solid #97603180;border-radius:2px;padding:7px 10px;font-size:11px}.collected-letter>button:hover,.mark-leaf button:hover,.station-leaf button:hover,.collector-retry:hover{color:#fff0d2;background:#a85a36}.collected-letter .collect-remove{border-radius:50%;width:28px;height:28px;padding:0;font-size:17px}.collector-state{text-align:center;color:#765532;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:190px;padding:24px 18px;display:flex}.collector-state>span{color:#a34f32;background:#fff6da5c;border:1px solid #9f6b388c;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:9px;font-family:ZCOOL XiaoWei,serif;font-size:24px;display:grid}.collector-state h4{color:#51341f;margin:0 0 6px;font-family:ZCOOL XiaoWei,serif;font-size:19px;font-weight:400}.collector-state p{max-width:300px;margin:0 0 14px;font-size:12px;line-height:1.8}.collector-state>button{margin-top:2px}.mark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 3px;display:grid}.mark-leaf{text-align:center;background:#fff7dc6b;border:1px solid #96693947;min-width:0;min-height:166px;padding:12px 8px 10px;box-shadow:inset 0 0 0 3px #fff7dc3d}.mark-art{place-items:center;height:66px;margin-bottom:6px;display:grid}.mark-art img{object-fit:contain;filter:drop-shadow(0 4px 5px #4c271438);width:82px;height:62px}.mark-leaf strong,.mark-leaf small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mark-leaf strong{font-family:ZCOOL XiaoWei,serif;font-size:13px;font-weight:400}.mark-leaf small{color:#8a6944;margin:4px 0 8px;font-size:9px}.mark-leaf button{padding:5px 7px;font-size:10px}.station-book-grid{grid-template-columns:1fr 1fr;gap:10px;padding:13px 2px;display:grid}.station-leaf{background:#fff7dc70;border:1px solid #96693947;overflow:hidden}.station-leaf>img{object-fit:contain;background:#e8d3a259;width:100%;height:90px}.station-leaf>div{padding:9px}.station-leaf small{color:#8a6944;font-size:9px}.station-leaf h4{margin:3px 0;font-family:ZCOOL XiaoWei,serif;font-size:16px;font-weight:400}.station-leaf p{color:#735536;min-height:30px;margin:0 0 8px;font-size:10px;line-height:1.5}.station-leaf button{padding:6px 8px;font-size:10px}.collector-footnote{text-align:center;color:#8a6944;letter-spacing:.06em;border-top:1px solid #704b263d;flex:none;padding:8px 0 0;font-size:9px}.collector-footnote span{color:#a65b36;padding:0 5px}.collection-auth-note{z-index:2;text-align:center;color:#51341f;background:#f5e1b8f2;border:1px solid #fff4d6cc;width:min(86%,390px);padding:30px 25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #1e100766}.collection-auth-note>span{color:#a84b31;font-size:31px}.collection-auth-note h3{font-family:ZCOOL XiaoWei,serif;font-size:23px;font-weight:400}.collection-auth-note p{color:#765b3a;font-size:13px;line-height:1.8}.collection-scene .reading-sheet{z-index:12}@media (width<=700px){.collector-book{inset:91px 12px calc(74px + env(safe-area-inset-bottom));max-width:none;padding:15px 14px 10px}.collector-intro{padding-bottom:11px}.collector-intro h3{font-size:23px}.collector-tabs{margin:0 -2px;padding:9px 0}.collector-tabs button{min-width:62px;padding:8px 9px;font-size:10px}.collected-letter{grid-template-columns:55px minmax(0,1fr) auto auto;gap:7px;min-height:79px;padding:9px 0}.collected-letter>img{width:55px;height:45px}.collected-letter-copy h4{font-size:14px}.collected-letter-copy small,.collected-letter-copy time{font-size:9px}.collected-letter>button{padding:6px 7px;font-size:10px}.collected-letter .collect-remove{width:25px;height:25px}.mark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mark-leaf{min-height:155px}.station-book-grid{grid-template-columns:1fr 1fr;gap:8px}.station-leaf>img{height:76px}.collector-footnote{padding-top:7px;font-size:8px}.collection-scene .pagehead{left:15px;right:15px;top:max(14px,env(safe-area-inset-top));gap:9px}.collection-scene .pagehead h2{font-size:21px}.collection-scene .pagehead button{font-size:11px}.collection-scene .pagehead small{font-size:9px}.collection-scene .counter{font-size:10px}.collection-auth-note{top:46%}}@media (width<=370px){.collector-book{padding-inline:10px;inset-inline:8px}.collected-letter{grid-template-columns:46px minmax(0,1fr) auto;gap:6px}.collected-letter>img{width:46px}.collected-letter .collect-remove{grid-area:1/3}.collected-letter>button:not(.collect-remove){grid-area:1/3;margin-top:34px}.collector-tabs button{min-width:57px;font-size:9px}.collector-intro h3{font-size:21px}}@media (width>=900px){.collector-book{inset-inline:calc(50% + min(100% - 36px,760px)/-2)}}@media (prefers-reduced-motion:reduce){.collector-book *{scroll-behavior:auto!important;transition:none!important}}