/* Small movements, quiet sounds, and the weight of a real paper letter. */
.sound-controls{position:relative;display:flex;align-items:center;gap:5px;z-index:9}.sound-controls .rain-button{border-radius:4px 0 0 4px}.sound-settings{height:34px;width:25px;background:none;border:1px solid #d4d9ca;border-radius:0 4px 4px 0;color:#7c8f73;font-size:12px;cursor:pointer}.sound-panel{position:absolute;right:0;top:45px;width:267px;padding:21px 23px;background:#f5f1e6;border:1px solid #cbd2bc;box-shadow:0 12px 40px #29472c1b;border-radius:5px;animation:modalappear .2s ease-out}.sound-panel .eyebrow{font-size:7px;letter-spacing:1.5px;margin:0 0 11px}.sound-panel h2{font:20px var(--serif);margin:0 0 9px}.sound-panel>p:not(.eyebrow){font-size:10px;color:#9aa18c;margin:0 0 19px}.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-top:16px;color:#7a8e6b}.sound-setting input[type=checkbox]{accent-color:#526e43;width:14px;height:14px}.sound-setting output{font:9px var(--mono);color:#9ca68b}.sound-panel input[type=range]{width:100%;accent-color:#6d8755;height:3px;margin-top:14px}.sound-panel .button{width:100%;margin-top:21px;min-height:35px;font-size:10px;padding:9px 11px}.sound-is-on .rain-button{background:#e5eadb;border-color:#b9c7a4}.sound-is-on .rain-bars i{background:#6c8754}.weather-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;z-index:1}.scene-caption,.scene-bottom{z-index:2}.postmark{z-index:3}.scene-hotspot{position:absolute;background:none;border:0;z-index:3;min-width:36px;min-height:36px;padding:0;border-radius:5px;cursor:pointer;transition:filter .25s}.scene-hotspot:focus-visible{outline:2px dashed #d4c99e;outline-offset:2px}.scene-mailbox{left:76%;top:57%;width:9%;height:17%}.scene-mailbox:after{content:'';position:absolute;left:30%;top:0;width:8px;height:8px;border:1px solid #ecd3a8;border-radius:50%;opacity:.6;box-shadow:0 0 0 5px #e3c79617;animation:mailboxpulse 3.5s ease-out infinite}.hotspot-caption{position:absolute;white-space:nowrap;bottom:100%;left:50%;transform:translate(-50%,3px);padding:7px 10px;background:#213e31ed;border:1px solid #a7b49055;border-radius:3px;font:10px var(--serif);letter-spacing:.5px;color:#dcdcc0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.scene-hotspot:hover .hotspot-caption,.scene-hotspot:focus-visible .hotspot-caption{opacity:1;transform:translate(-50%,-5px)}.scene-cat{left:52.5%;top:72.5%;width:9%;height:9%}.scene-cat:after{content:'♡';position:absolute;top:-6px;left:45%;font:17px var(--serif);color:#d6c69a;opacity:0}.scene-cat.purring:after{animation:catheart 1.8s ease-out}.scene-chime{left:68.7%;top:43.7%;width:5.5%;height:14%;transform-origin:50% 0}.scene-chime svg{height:100%;width:100%;max-height:67px;fill:none;stroke:#c3bb8b;stroke-width:1}.scene-chime.ringing svg{animation:bellring 1.3s ease-in-out;transform-origin:50% 0}.scene-whisper{position:absolute;bottom:16%;left:50%;transform:translate(-50%,7px);z-index:4;max-width:85%;width:max-content;padding:9px 14px;color:#e5e3c8;border:1px solid #a8b48c33;background:#243f33ef;border-radius:3px;font:11px/1.8 var(--serif);letter-spacing:.4px;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;text-align:center}.scene-whisper.visible{opacity:1;transform:translate(-50%,0)}.button:active:not(:disabled){transform:translateY(1px) scale(.985)!important}.letter-card:active{transform:translateY(-2px) rotate(0) scale(.985)}.letter-card:hover .postage-stamp{transform:rotate(-1deg)}.postage-stamp{transition:transform .4s}.modal[open] .letter-body{animation:paperreveal .6s ease-out}.lined-textarea:focus{outline:0;box-shadow:inset 2px 0 0 #a8b995;padding-left:10px;transition:box-shadow .25s,padding .25s}.letter-title-input:focus{outline:0;border-color:#91a77a}.wax-seal:after{content:'';position:absolute;inset:6px;border:1px solid #dba48560;border-radius:50%;pointer-events:none}.compose-envelope,.interactive-envelope{perspective:800px;transform-style:preserve-3d}.interactive-envelope:focus-visible{outline:2px dashed var(--orange);outline-offset:8px}.interactive-envelope:hover .wax-seal{transform:scale(1.055);box-shadow:0 4px 7px #59372530,inset 0 0 0 4px #ae6a4b,inset 0 0 0 5px #cb917560}.interactive-envelope .envelope-flap{backface-visibility:visible;z-index:1}.interactive-envelope .wax-seal{z-index:2}.interactive-envelope .envelope-to,.interactive-envelope .envelope-from{z-index:2}.interactive-envelope.opening .envelope-to{opacity:0;transition:opacity .2s}.interactive-envelope.opening .envelope-flap{transform:rotateX(-170deg);transition:transform .7s cubic-bezier(.2,.65,.2,1)}.interactive-envelope.opening .wax-seal{transform:translate(16px,18px) rotate(18deg) scale(.7);opacity:0}.envelope-insert{position:absolute;inset:13px 15px 17px;background:repeating-linear-gradient(#f2eddf,#f2eddf 21px,#d3d9c8 22px,#f2eddf 23px);border:1px solid #ddd7c6;z-index:-1;border-radius:2px;transition:transform .6s .16s,opacity .4s;opacity:0;pointer-events:none}.interactive-envelope.opening .envelope-insert{opacity:1;transform:translateY(-55px)}.compose-envelope.freshly-sealed .envelope-flap{animation:foldclosed .5s ease-out}.compose-envelope.freshly-sealed .wax-seal{animation:stampdown .7s cubic-bezier(.2,.9,.25,1.3)}.stamp-picker{display:flex;align-items:center;justify-content:center;gap:10px;margin:29px 0 8px}.stamp-picker>span{font-size:9px;color:#98a18b;margin-right:4px}.stamp-choice{height:32px;width:32px;border-radius:50%;border:1px solid #d1d5c1;background:#f0ecdf;color:#9a7b60;font:19px var(--serif);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.stamp-choice:hover{transform:translateY(-3px)}.stamp-choice[aria-pressed=true]{border-color:#ab8b66;box-shadow:0 0 0 3px #b9986d15}.stamp-choice[data-stamp=flower]{color:#73815d}.stamp-choice[data-stamp=star]{color:#837892}.sealed-envelope[data-stamp=flower] .wax-seal{background:radial-gradient(circle at 40% 35%,#8a976c,#5d704f);box-shadow:0 3px 4px #3b4b2825,inset 0 0 0 4px #7b8d60,inset 0 0 0 5px #b9c09560;color:#d1d8ad}.sealed-envelope[data-stamp=star] .wax-seal{background:radial-gradient(circle at 40% 35%,#9a8b9f,#6f5e79);box-shadow:0 3px 4px #44364e25,inset 0 0 0 4px #887491,inset 0 0 0 5px #c1a9bf60;color:#ddc7d5}.seal-title{margin-top:19px}.write-sidebar{background-image:radial-gradient(ellipse at 30% 20%,#8f9d6312,transparent 70%)}.inbox-row:hover .inbox-icon{transform:rotate(-8deg) translateY(-2px);color:#8c7955}.inbox-icon{transition:transform .25s,color .25s}.message{animation:paperreveal .45s ease-out}.delivery-dialog{width:min(445px,calc(100% - 30px));padding:29px 27px 21px;text-align:center;overflow:hidden}.delivery-dialog .eyebrow{font-size:7px;letter-spacing:1.6px}.delivery-stage{height:190px;position:relative;margin:9px auto 25px;width:230px;perspective:700px}.delivery-box{position:absolute;left:46px;top:70px;width:140px;height:116px;border-radius:16px 16px 4px 4px;background:linear-gradient(105deg,#a77854,#865c42);box-shadow:0 10px 20px #5d513a15,inset 3px 0 0 #bc967147,inset -5px 0 0 #684f3933;border:1px solid #78553c;z-index:2}.delivery-slot{position:absolute;top:20px;left:21px;right:21px;height:8px;background:#443f31;border-radius:2px;box-shadow:0 2px 0 #c1946b}.delivery-box>span{position:absolute;top:53px;left:37px;right:37px;background:#e2d6b8;border:1px solid #c8b795;padding:6px 0;font:14px var(--serif);letter-spacing:5px;color:#837553;text-indent:5px}.delivery-envelope{position:absolute;left:63px;top:0;width:106px;height:68px;background:#ece4ce;border:1px solid #cbbb99;border-radius:2px;box-shadow:0 5px 14px #78674914;z-index:3;transform-origin:center}.delivery-envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 49.5%,#d2c7ab 50%,transparent 50.5%),linear-gradient(-33deg,transparent 49.5%,#d2c7ab 50%,transparent 50.5%)}.delivery-envelope:after{content:'☾';position:absolute;left:43px;top:24px;background:#ae7854;color:#d9bea0;border-radius:50%;height:20px;width:20px;font:15px var(--serif);line-height:20px}.delivery-spark{position:absolute;left:50%;top:90px;color:#bfa46c;font:21px var(--serif);opacity:0;z-index:4}.delivery-check{position:absolute;right:20px;bottom:-3px;width:33px;height:33px;line-height:32px;border-radius:50%;background:#e1e8d5;color:#75915b;border:1px solid #a8b991;z-index:4;opacity:0}.delivery-dialog[open] .delivery-envelope{animation:letterdelivered 1.15s cubic-bezier(.3,.15,.35,1) both}.delivery-dialog[open] .delivery-box{animation:boxsettle .35s .72s ease-out}.delivery-dialog[open] .delivery-spark{animation:mailglimmer .7s .75s ease-out}.delivery-dialog[open] .delivery-check{animation:arrivalcheck .4s 1s ease-out forwards}.delivery-dialog h2{font-size:24px;margin:0 0 10px}.delivery-dialog>p:not(.eyebrow){font-size:11px;color:#93a080;line-height:1.8;margin:0}.delivery-dialog .button-text{font-size:9px;margin-top:19px}.footer-about{background:none;border:0;color:#88977b;font-size:9px;margin-left:9px;padding:5px}.arrival-note{border-color:#afbc98}.arrival-note>span{animation:arrivalcheck .5s ease-out}.loading-envelope{display:inline-block;filter:drop-shadow(0 5px 10px #1f2e1633)}.read-signature{position:relative}.read-signature:before{content:'✧';position:absolute;left:0;color:#b7bf9d;font-size:16px}
@keyframes mailboxpulse{0%,100%{box-shadow:0 0 0 3px #e3c79600;opacity:.4}40%{box-shadow:0 0 0 7px #e3c79618;opacity:.8}}@keyframes catheart{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.8}100%{transform:translateY(-30px) scale(1.2);opacity:0}}@keyframes bellring{0%,100%{transform:rotate(0)}15%{transform:rotate(17deg)}35%{transform:rotate(-12deg)}55%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}@keyframes paperreveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes foldclosed{from{transform:rotateX(-150deg)}to{transform:rotateX(0)}}@keyframes stampdown{0%,45%{opacity:0;transform:translateY(-19px) scale(1.7)}70%{opacity:1;transform:translateY(2px) scale(.91)}100%{transform:none}}@keyframes letterdelivered{0%{transform:translateY(-15px) rotate(-12deg);opacity:0}20%{transform:translateY(0) rotate(-8deg);opacity:1}55%{transform:translateY(40px) rotate(0) rotateX(55deg);opacity:1}82%{transform:translateY(62px) rotateX(80deg) scale(.87);opacity:1}100%{transform:translateY(86px) rotateX(89deg) scale(.8);opacity:0}}@keyframes boxsettle{50%{transform:translateY(3px) rotate(.8deg)}}@keyframes mailglimmer{0%{opacity:0;transform:translateY(0) scale(.7)}30%{opacity:.8}100%{opacity:0;transform:translateY(-45px) scale(1.3)}}@keyframes arrivalcheck{from{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:none}}
@media(min-width:601px) and (max-width:800px){.scene-mailbox{left:87%;width:12%}.scene-cat{left:53%;top:73%}.scene-chime{left:77%;top:44%}.sound-controls .rain-button{display:flex}.sound-settings{height:29px;width:22px}}
@media(max-width:600px){.header{gap:9px}.header nav{gap:9px}.header nav .nav-link:last-child{display:none}.sound-controls{gap:3px}.sound-controls .rain-button{display:flex;padding:9px 7px;width:29px;height:31px}.sound-controls .rain-button>span:last-child{display:none}.sound-settings{width:19px;height:31px;font-size:10px}.sound-panel{right:0;top:42px;width:253px}.sound-panel .button{min-height:38px}.scene-hotspot{min-width:32px;min-height:32px}.scene-chime{height:15%;width:7%;left:68.3%;top:43%}.scene-whisper{font-size:9px;padding:7px 10px;bottom:16%;max-width:87%}.hotspot-caption{font-size:8px}.stamp-picker{margin-top:23px}.stamp-choice{height:34px;width:34px}.delivery-dialog h2{font-size:22px}.delivery-dialog>p:not(.eyebrow){font-size:10px}.delivery-stage{transform:scale(.92);margin-top:0;margin-bottom:12px}.footer-about{font-size:8px;margin-left:0;padding:7px 0;display:block}.scene-mailbox:after{width:6px;height:6px}.lined-textarea:focus{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.delivery-envelope{display:none}.delivery-check{opacity:1}.scene-mailbox:after{animation:none}.interactive-envelope.opening .envelope-insert{transform:none}.modal[open] .letter-body{animation:none}.delivery-stage{height:160px}.delivery-box{top:33px}.delivery-spark{display:none}}

.write-sidebar h2{font-size:24px;letter-spacing:1.5px}.delivery-envelope[data-stamp=flower]:after{content:'✿';background:#7b8d60;color:#d1d8ad}.delivery-envelope[data-stamp=star]:after{content:'✧';background:#887491;color:#ddc7d5}
@media(min-width:601px) and (max-width:800px){.write-sidebar h2{font-size:20px;letter-spacing:1px}}
.modal-sound-toggle{position:absolute;right:52px;top:16px;width:28px;height:28px;padding:0;background:none;border:0;border-radius:50%;font-size:19px;color:#90a17a;cursor:pointer;z-index:4}.modal-sound-toggle[aria-pressed=false]:after{content:'';position:absolute;width:18px;height:1px;left:5px;top:14px;background:#a6ad9b;transform:rotate(-48deg)}.modal-sound-toggle[aria-pressed=true]{color:#6d8d51;background:#9eb78216}.modal-sound-toggle:hover{background:#9eb78222}
/* Reading, drafts, and the small distinction between delivered and read. */
.inbox-dot{width:auto;height:15px;min-width:15px;padding:0 4px;right:-14px;top:5px;background:#a87551;color:#f8efdc;font:8px/15px var(--mono);text-align:center;border-radius:10px}.reading-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d8dfca;margin:15px 0 23px;padding-bottom:15px;color:#91a181;font-size:9px}.reading-tools>div{display:flex;gap:12px;flex-shrink:0}.reading-tools button{background:none;border:0;border-bottom:1px solid #bac8a7;padding:5px 0;font-size:9px;color:#799464;cursor:pointer}.reading-tools button[aria-pressed=true]{color:#a0704c;border-color:#c4a98a}.reading-tools button:hover{color:#a0704c}.reader-large .letter-body{font-size:19px;line-height:2.15}.reader-large .message p{font-size:18px;line-height:2}.reply-save-state{display:flex;flex-direction:column;gap:6px;max-width:55%}.reply-save-state>.mono{font:8px var(--mono);color:#99a689}#reply-draft-note{font-size:8px;color:#889d74;line-height:1.7}.unread-badge{display:inline-block;font:8px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;border:1px solid #cdb290;background:#eee3d2;color:#a0764e;border-radius:3px;padding:1px 5px;margin-left:9px;vertical-align:2px;white-space:nowrap}.inbox-row.has-unread .inbox-icon{color:#a28158}.inbox-row.has-unread h3{color:#4f6b3e}.draft-recovery{margin:20px 0;padding:15px 17px;background:#ecebdd;border:1px dashed #c4cdb1;border-radius:3px;color:#859373;font-size:11px}.draft-recovery summary{cursor:pointer}.draft-recovery p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font:14px/2 var(--serif);color:#788967}.draft-recovery small{font-size:9px;line-height:1.8;color:#9aa58b}#return-opened{font-size:9px;color:#97a087;margin-top:12px;white-space:normal;text-align:left;line-height:1.7}#reply-section{scroll-margin-top:12px}
@media(max-width:600px){.reading-tools{gap:8px;font-size:8px;align-items:flex-start;line-height:1.7}.reading-tools>div{gap:9px}.reading-tools button{font-size:8px;padding:0}.reader-large .letter-body{font-size:18px;line-height:2}.reader-large .message p{font-size:17px}.unread-badge{font-size:7px;margin-left:6px;vertical-align:1px}#reply-draft-note{font-size:7px;max-width:142px}.inbox-dot{top:6px;min-width:13px;height:13px;line-height:13px;font-size:7px;right:-12px}}

.inbox-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0;color:#839575;font-size:10px}.inbox-toolbar label{display:flex;align-items:center;gap:6px;cursor:pointer}.inbox-toolbar input{accent-color:#6e8659;width:14px;height:14px}.inbox-toolbar button{margin-left:auto;border:0;background:none;color:#71895d;padding:8px 0;font-size:10px;cursor:pointer}.inbox-toolbar button:disabled{opacity:.5;cursor:wait}#inbox-summary{font-size:9px;color:#919e82}.reservation-note{padding:12px 15px;border-left:2px solid #bac5a3;background:#e8ebdf77;color:#82956f;font-size:10px;line-height:1.9;margin:24px 0}.inbox-row h3{overflow-wrap:anywhere}@media(max-width:600px){.inbox-toolbar{gap:9px;font-size:9px}#inbox-summary{font-size:8px}.inbox-toolbar button{font-size:9px}.reservation-note{font-size:9px}}

@media(max-width:600px){.inbox-toolbar label,.inbox-toolbar button{min-height:34px;font-size:11px}#inbox-summary{font-size:9px}.reading-tools button{min-height:32px;font-size:10px}.reading-tools{flex-wrap:wrap}.reading-tools>div{margin-left:auto}}
/* Find a familiar letter, or the one waiting for your words. */
.inbox-search{display:flex;align-items:center;gap:10px;border:1px solid #cbd2be;border-radius:4px;background:#ecefe32e;padding:0 12px;margin:23px 0 14px;color:#81966e}.inbox-search:focus-within{border-color:#789665;box-shadow:0 0 0 2px #9eb48618}.inbox-search>span{font:24px var(--serif)}.inbox-search input{width:100%;min-width:0;min-height:42px;background:none;border:0;outline:none;color:#506b43;font:12px var(--serif)}.inbox-search input::placeholder{color:#89977b}.inbox-search input::-webkit-search-cancel-button{display:none}.inbox-search button{border:0;background:none;color:#7f9070;font-size:20px;width:30px;min-height:36px;cursor:pointer;flex-shrink:0}.inbox-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-filters{display:flex;gap:6px}.inbox-filters button{min-height:34px;padding:6px 12px;background:none;border:1px solid transparent;border-radius:4px;color:#839373;font-size:11px;cursor:pointer}.inbox-filters button[aria-pressed=true]{background:#e5eadb;border-color:#bbc9aa;color:#527044}.inbox-filter-row>button{border:0;background:none;color:#789067;font-size:11px;min-height:34px;cursor:pointer;white-space:nowrap}.inbox-filter-row>button:disabled{opacity:.5;cursor:wait}.inbox-summary{margin:13px 0 4px;min-height:18px}.inbox-row-content{min-width:0}.letter-status-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.letter-status-tags span{font-size:9px;padding:3px 6px;border-radius:3px}.reply-badge{background:#e3e9d8;color:#678152}.draft-badge{background:#ece5d7;color:#9b8058}.correspondence-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d5dcc6;border-bottom:1px solid #d5dcc6;padding:20px 0;margin:26px 0}.correspondence-progress .eyebrow{font-size:7px;letter-spacing:1.5px}.correspondence-progress p{font-size:11px;line-height:1.8;margin:9px 0 0;color:#7d9269}.correspondence-progress ol{display:flex;list-style:none;padding:0;margin:0;gap:17px;flex-shrink:0}.round{display:flex;flex-direction:column;gap:8px;align-items:center;color:#a0ab91;font-size:9px}.round-dots{display:flex;gap:5px}.round-dots i{width:7px;height:7px;border-radius:50%;border:1px solid #bdc7aa}.round-dots i.filled{background:#91a67b;border-color:#91a67b}.round.current .round-name{color:#a37a52}.round.complete .round-name{color:#728a5e}.message{scroll-margin-top:24px;overflow-wrap:anywhere}.reading-tools>div{flex-wrap:wrap;justify-content:flex-end}.reading-tools{flex-wrap:wrap}
@media(max-width:600px){.inbox-search input{font-size:13px;min-height:44px}.inbox-search{margin-top:19px;padding:0 9px}.inbox-filters{gap:3px}.inbox-filters button{font-size:11px;padding:6px 10px;min-height:40px}.inbox-filter-row>button{min-height:40px}.correspondence-progress{flex-direction:column;align-items:flex-start;gap:17px;padding:18px 0}.correspondence-progress ol{gap:32px}.round{font-size:10px}.letter-status-tags span{font-size:10px}.inbox-row{gap:12px}.reading-tools>div{gap:13px}}