@font-face{font-family:RyouHomeHand;src:url('/home-art/ryou-home-hand.woff?v=2') format('woff');font-weight:300 700;font-display:swap}
.ks-overlay{position:fixed;inset:0;z-index:2147483001;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#faf5ec;color:#745c4b;font-family:RyouHomeHand,'LXGW WenKai Screen','PingFang SC',serif;font-weight:300;box-sizing:border-box;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);--ks-pink:#bc8384;--ks-green:#9aa584;--ks-line:#dfcdbb}
.ks-overlay *{box-sizing:border-box}.ks-page{width:100%;max-width:510px;margin:auto;padding:17px 18px 35px;min-height:100%;background:radial-gradient(ellipse at 95% 2%,#e7dec529,transparent 35%),radial-gradient(ellipse at 0 75%,#e3c6bc24,transparent 38%)}
.ks-overlay button,.ks-overlay input,.ks-overlay textarea,.ks-overlay select{font:inherit;color:inherit}.ks-overlay button{cursor:pointer;touch-action:manipulation;border:1px solid var(--ks-line);background:#fffaf3;border-radius:16px;padding:11px 14px;min-height:42px;font-size:14px}.ks-overlay button:disabled{opacity:.55;cursor:wait}.ks-overlay button:focus-visible,.ks-overlay input:focus-visible,.ks-overlay textarea:focus-visible,.ks-overlay select:focus-visible{outline:2px solid #9baa87;outline-offset:3px}.ks-overlay svg{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.ks-overlay h1,.ks-overlay h2,.ks-overlay p,.ks-overlay figure{margin:0}.ks-overlay h1,.ks-overlay h2{font-weight:400}
.ks-header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:2px 0 17px}.ks-header h1{font-size:26px;letter-spacing:3px;text-align:center;line-height:1.45}.ks-header button{width:39px;height:39px;flex:0 0 auto;border-radius:50%;padding:8px;background:#fff9ef88;font-size:25px;line-height:1}.ks-header button:first-child{border-color:transparent;background:none}.ks-header button:last-child{color:#a78a6c}.ks-kicker{font-size:13px;letter-spacing:1px;color:#a08a77;line-height:1.8;margin-bottom:18px!important}.ks-center{text-align:center}
.ks-hero{position:relative;text-align:center;padding:26px 60px 23px 15px;border:1px solid #d5bfaa99;border-radius:7px 20px 8px 17px;background:#f9f0e1 url('/assets/keepsakes-v1/stationery.png') center/cover;box-shadow:0 6px 19px #8c654d0c,inset 0 0 0 6px #fffaf04a;min-height:205px;margin:7px 0 13px;isolation:isolate}.ks-hero:before{content:'';position:absolute;left:7%;top:-6px;width:70px;height:17px;transform:rotate(-6deg);background:repeating-linear-gradient(70deg,#d9b5a751,#dfc9b04a 3px,#cbb49345 6px);box-shadow:0 1px 2px #82604b0d}.ks-hero p{font-size:16px}.ks-hero strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:73px;line-height:1.15;font-weight:400;color:#9a6956;letter-spacing:-3px;margin:6px 0 0}.ks-hero strong span{font-family:RyouHomeHand,serif;font-size:24px;letter-spacing:1px;margin-left:8px}.ks-tiny-heart{font-size:20px;color:#c88e8e;line-height:1.3}.ks-hero small{font-size:11px;letter-spacing:1px;color:#a58b75}
.ks-overlay .ks-primary{background:linear-gradient(130deg,#c99091,#b97e82);color:#fff9f2;border:1px solid #bd8584;box-shadow:inset 0 0 0 3px #fff1e71f,0 4px 13px #a7707012}.ks-wide{width:100%}.ks-forward{display:flex;align-items:center;justify-content:center;gap:15px;letter-spacing:1px}.ks-forward svg{width:14px;transform:rotate(180deg)}.ks-tabs{margin:21px 0 12px;display:flex;gap:4px;background:#e9ded247;border:1px solid #dfccba8c;border-radius:25px;padding:3px}.ks-tabs button{flex:1;min-height:34px;padding:6px;border:0;border-radius:22px;background:transparent;font-size:15px}.ks-tabs button[aria-pressed=true]{background:#c69290;color:#fff9f0;box-shadow:inset 0 0 0 2px #f5dbcc75}
.ks-event-list{border:1px solid #e4d4c280;border-radius:15px;overflow:hidden;background:#fffaf278}.ks-event-row{position:relative;display:flex;align-items:stretch;border-bottom:1px solid #e8d9c989}.ks-event-row:last-child{border-bottom:0}.ks-event-row>button:first-child{display:flex;align-items:center;gap:9px;border:0;border-radius:0;background:transparent;flex:1;min-width:0;padding:13px 9px 13px 12px;text-align:left}.ks-event-row svg{color:#bf8f85;width:19px;height:19px}.ks-event-row span{flex:1;min-width:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.ks-event-row small{display:block;color:#b09a87;font-size:10px}.ks-event-row time{font-size:11px;white-space:nowrap;color:#9b806b}.ks-overlay .ks-edit-event{padding:5px 8px;border:0;border-left:1px solid #eadccf;border-radius:0;font-size:10px;background:#f5eadc38;color:#aa927e;min-width:35px}
.ks-overlay .ks-dashed{border-style:dashed;background:#fffaf244;color:#b17c78;margin-top:10px;letter-spacing:1px}.ks-section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5d7c6;margin-top:25px;padding-top:18px;gap:10px}.ks-section-title h2{font-size:19px}.ks-overlay .ks-text{background:none;border:0;color:#b38178;min-height:34px;padding:7px 4px;font-size:12px;text-underline-offset:5px}.ks-bottom-note{font-size:11px;text-align:center;color:#b29a82;line-height:1.9;margin:25px 0 7px!important;letter-spacing:.4px}.ks-history{margin:10px 0}.ks-overlay .ks-history-row{width:100%;display:flex;align-items:center;gap:12px;padding:15px 12px;border-color:#e4d4c180;background:#fffaf47a;border-radius:16px;text-align:left;margin:9px 0}.ks-history-row>span:nth-child(2){flex:1;min-width:0;font-size:14px}.ks-history-row small{display:block;font-size:10px;color:#b49b85;margin-top:5px;line-height:1.6}.ks-mini-envelopes{width:61px;height:39px;position:relative;flex:0 0 auto}.ks-mini-envelopes i{position:absolute;left:0;top:3px;width:43px;height:30px;border:1px solid #bb8d7b;background:linear-gradient(150deg,transparent 49%,#c5988b 50%,#e6b7ac 51%),linear-gradient(210deg,#f0d1c0 49%,#c99c8b 50%,#dfb2a1 51%);border-radius:2px;transform:rotate(-10deg);box-shadow:0 2px 4px #79524219}.ks-mini-envelopes i+ i{left:23px;top:10px;background:linear-gradient(150deg,transparent 49%,#9ca082 50%,#b7bea0 51%),linear-gradient(210deg,#d7d9bf 49%,#9ca082 50%,#aeb79c 51%);transform:rotate(8deg)}.ks-empty{text-align:center;font-size:13px;color:#ac9582;padding:28px 15px;line-height:1.9}
.ks-polaroid{position:relative;width:86%;margin:24px auto 27px!important;padding:10px 10px 4px;background:#fffdf6;box-shadow:0 5px 15px #6b493223;transform:rotate(-3deg)}.ks-polaroid img{width:100%;aspect-ratio:1.18;display:block;object-fit:cover;background:#f0e5d3}.ks-polaroid figcaption{font-size:12px;text-align:right;padding:10px 7px 7px;color:#a0785f}.ks-tape{position:absolute;left:40%;top:-8px;width:70px;height:20px;background:#d3aaa063;transform:rotate(7deg);z-index:1;backdrop-filter:blur(.5px)}.ks-overlay .ks-photo-change{position:absolute;bottom:42px;right:15px;min-height:28px;padding:4px 8px;font-size:10px;background:#fff9e9e8;border-color:#d4bfa7aa;border-radius:10px;box-shadow:0 2px 6px #654b3520;display:flex;align-items:center;gap:4px}.ks-photo-change svg{width:13px;height:13px}.ks-letter-heading{text-align:center;font-size:23px;letter-spacing:2px;margin:22px 0 14px!important}
.ks-envelope-stack{display:grid;gap:16px}.ks-overlay .ks-envelope{position:relative;isolation:isolate;display:block;overflow:hidden;width:100%;height:137px;padding:0;background-color:#e1b6aa;border:1px solid #c69c89;border-radius:4px 5px 6px 4px;box-shadow:0 4px 7px #85614e15,inset 0 0 0 4px #fff8e62a;color:#805d4e;text-align:left;background-image:repeating-linear-gradient(104deg,#fff5df0c 0 1px,transparent 1px 4px),linear-gradient(145deg,#f0ccbf,#d4a294);transition:box-shadow .2s}.ks-envelope.ryo{background-color:#b8bfa3;border-color:#a2a689;color:#64684d;background-image:repeating-linear-gradient(104deg,#fff9e80d 0 1px,transparent 1px 4px),linear-gradient(145deg,#d7d8bd,#a5b093)}.ks-envelope:before,.ks-envelope:after{content:'';position:absolute;bottom:-3px;width:66%;height:80%;z-index:-1;border:1px solid #9b796e33;background:#f2d6ca35}.ks-envelope:before{left:-12%;transform:skewY(30deg)}.ks-envelope:after{right:-12%;transform:skewY(-30deg)}.ks-envelope.ryo:before,.ks-envelope.ryo:after{background:#dce0c141;border-color:#6e765833}.ks-envelope-flap{position:absolute;left:-1px;right:-1px;top:0;height:75%;clip-path:polygon(0 0,100% 0,50% 95%);background:linear-gradient(170deg,#f5d8cc,#e1b8ab);filter:drop-shadow(0 2px 0 #9f776880);z-index:0}.ks-envelope.ryo .ks-envelope-flap{background:linear-gradient(170deg,#e3e3ca,#bec6aa)}.ks-envelope-to{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:17px;letter-spacing:2px;z-index:1}.ks-seal{position:absolute;top:62px;left:calc(50% - 18px);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#d29b8b,#ba7e74);color:#f8ddd0;border:3px double #e6b9a4;box-shadow:1px 3px 4px #75504233;font-size:26px;z-index:2}.ks-envelope.ryo .ks-seal{background:linear-gradient(130deg,#edd5af,#cfb68e);border-color:#f6e6c6;color:#fff5da;font-size:29px}.ks-envelope-status{position:absolute;bottom:12px;left:17px;font-size:10px;color:#82695a}.ks-envelope.ryo .ks-envelope-status{color:#6f7459}.ks-envelope-action{position:absolute;right:11px;bottom:10px;font-size:11px;padding:5px 11px;border:1px solid #f9efdfba;background:#fff9eddc;border-radius:14px;color:#916c54}.ks-envelope:active{box-shadow:0 1px 3px #85614e15}
.ks-letter-wrap{margin:14px 0 16px;position:relative;padding:30px 5px 54px}.ks-letter-wrap:before{content:'';position:absolute;inset:0 0 15px;background:linear-gradient(145deg,#d8dbc4,#abb698);clip-path:polygon(0 18%,50% 0,100% 18%,100% 100%,0 100%)}.ks-letter-wrap.miao:before{background:linear-gradient(145deg,#edc9bc,#cd9c90)}.ks-paper{position:relative;border:1px solid #e0cdb744;padding:25px 20px 27px;background-color:#fffaf0;background-image:linear-gradient(#fffaf0dd,#fffaf0ef),url('/assets/keepsakes-v1/stationery.png');background-size:cover;box-shadow:0 3px 12px #75513a0d;min-height:330px;color:#725745}.ks-paper:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 15px #d3c2a41a}.ks-letter-date{font-size:11px;text-align:right;color:#ac8c6e;margin:0 0 29px!important;line-height:1.8}.ks-paper h2{font-size:20px;line-height:1.6;letter-spacing:1px;margin-bottom:17px}.ks-salute{font-size:17px;margin:0 0 16px!important;line-height:1.8}.ks-letter-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:2.15;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.15em - 1px),#beaa8e21 calc(2.15em - 1px),#beaa8e21 2.15em);min-height:165px}.ks-sign{text-align:right;font-size:19px;margin:28px 0 3px!important}.ks-open-envelope{position:absolute;bottom:0;left:0;right:0;height:85px;background:linear-gradient(150deg,#d7dcc6 49.5%,#b0b99d 50.5%);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);box-shadow:0 3px 9px #5f67422a}.miao .ks-open-envelope{background:linear-gradient(150deg,#edccbd 49.5%,#d5ab9c 50.5%)}.ks-open-envelope span{position:absolute;left:45%;bottom:13px;font-size:29px;color:#eee2c6}.ks-button-row{display:flex;gap:10px;margin:16px 0}.ks-button-row button{flex:1;font-size:13px;padding:11px 8px;min-width:0}.ks-button-row svg{width:17px;height:17px;margin-right:3px}
.ks-compose .ks-paper{margin-top:16px}.ks-overlay input:not([type=range]),.ks-overlay select{display:block;width:100%;min-width:0;border:1px solid #dfcbb780;border-radius:11px;background:#fffdf7;padding:11px 12px;font-size:16px;min-height:45px;margin-top:7px}.ks-label,.ks-form label{font-size:14px;display:block;margin:15px 0;line-height:1.8}.ks-compose textarea{width:100%;min-height:300px;resize:vertical;font-size:17px;line-height:2.15;border:0;padding:0;outline:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.15em - 1px),#beaa8e21 calc(2.15em - 1px),#beaa8e21 2.15em);display:block;color:#725745}.ks-compose textarea::placeholder{color:#bba995}.ks-form{background:#fffaf26b;border:1px solid #e4d5c580;border-radius:19px;padding:10px 17px 20px;margin-top:12px}.ks-form-hint{font-size:11px;color:#aa927e;line-height:1.9;margin:12px 0!important}.ks-file-label{display:flex!important;align-items:center;justify-content:center;gap:7px;border:1px dashed #cbb99e;border-radius:13px;padding:15px;position:relative;overflow:hidden}.ks-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ks-photo-preview{width:100%;aspect-ratio:1.18;overflow:hidden;border:7px solid #fffaf3;box-shadow:0 3px 10px #6b49321a}.ks-photo-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.ks-form input[type=range]{display:block;width:100%;accent-color:#9ba785;margin-top:8px}.ks-error,.ks-pending{border:1px solid #d7b99a70;background:#f4e5d78f;border-radius:12px;font-size:12px;padding:12px;line-height:1.8;margin:8px 0 15px;overflow-wrap:anywhere}.ks-pending button{font-size:12px;margin-left:7px;min-height:32px;padding:5px 9px}
@media(max-width:350px){.ks-page{padding-inline:12px}.ks-header h1{font-size:22px;letter-spacing:1px}.ks-hero{padding-right:45px}.ks-event-row time{font-size:10px}.ks-envelope-to{font-size:16px}.ks-paper{padding-inline:17px}.ks-letter-body,.ks-compose textarea{font-size:16px}.ks-button-row{gap:7px}.ks-button-row button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ks-overlay *{transition:none!important;scroll-behavior:auto!important}}