@font-face{font-family:'Letter Hand';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/letter-hand.woff') format('woff')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/noto-sans-kr.woff') format('woff')}
:root{--paper:#fff8ed;--ink:#5b4943;--muted:#938276;--green:#789078;--line:#e6d8c9;--hand:'Letter Hand','Gowun Dodum',sans-serif;--serif:var(--hand);--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:#ece8df;color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}button svg{width:22px;height:22px;stroke-width:1.5;vertical-align:middle}.serif,h1,h2,h3{font-family:var(--serif);font-weight:400}small{font-size:12px}.app-shell{min-height:100dvh;max-width:1180px;margin:auto;position:relative;background:var(--paper);overflow:hidden}.app-shell:before,.paper:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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%3Cpath fill='%23655440' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;margin:0 58px;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:22px;letter-spacing:-.7px}.brand svg{color:var(--green);width:28px;height:28px}.top-date{font-size:12px;letter-spacing:2px;color:var(--muted)}.shelf-view{position:relative;padding:49px 58px 30px}.intro-line{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted);margin-bottom:12px}.intro-line h1{font-size:34px;letter-spacing:-1px}.intro-line p{color:var(--muted);font-size:14px;margin-top:10px}.count-books{font-family:var(--serif);color:var(--muted);font-size:15px}.mail-note{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:18px 22px;background:#eeeee1;border:1px solid #e0e2d2;border-radius:3px;margin:30px 0 40px;color:#59674f}.mail-note>.mail-symbol{padding:8px;border-radius:50%;background:#e0e4d4}.mail-note strong{font-weight:500;font-size:15px;display:block}.mail-note small{display:block;color:#7a826c;margin-top:4px}.mail-note>.end-icon{margin-left:auto}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:68px 44px;padding:0 24px 30px}.book-slot{min-width:0;position:relative;text-align:center;padding:0 8px 25px}.book-slot:after{content:'';position:absolute;bottom:0;height:11px;left:-24px;right:-24px;background:#e7dfcf;border-top:2px solid #fdf9ef;box-shadow:0 9px 10px -5px #68533a25;z-index:0}.book-cover{--cover:#d8ada6;--cover-dark:#ad7d79;position:relative;display:block;width:100%;aspect-ratio:.73;max-width:230px;margin:0 auto;padding:27px 17px 20px 24px;background:var(--cover);border-radius:3px 8px 7px 3px;box-shadow:4px 6px 0 -2px #f7f3e6,7px 7px 0 -2px #c5b9a5,10px 14px 21px -10px #45392d65,inset 9px 0 9px -7px #462d345e,inset -2px 0 4px #fff3;transform:rotate(-3deg);transition:transform .3s;text-align:center}.book-cover:before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#735c5325 3px),repeating-linear-gradient(90deg,transparent 0px,transparent 2px,#fff6 3px)}.book-cover:after{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:1px solid #fff4;border-right:1px solid #53352b1f}.book-cover:hover{transform:rotate(0) translateY(-5px)}.book-cover.blue{--cover:#a9b4cc;--cover-dark:#66748f;transform:rotate(2deg)}.book-cover.sage{--cover:#b9c6a7;--cover-dark:#758764;transform:rotate(-1deg)}.book-cover.rain{--cover:#aec3c8;--cover-dark:#65838c;transform:rotate(2deg)}.cover-top{font-size:9px;letter-spacing:2.5px;color:#493a3d;position:relative}.cover-art{display:block;width:94px;aspect-ratio:.84;margin:23px auto 20px;padding:7px;background:#fbf7ea;box-shadow:1px 3px 5px #51402e20;mask:radial-gradient(circle at 4px 4px,transparent 2.7px,#000 3px) -4px -4px/8px 8px,linear-gradient(#000,#000) center/calc(100% - 8px) calc(100% - 8px) no-repeat;mask-composite:add}.cover-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.book-cover h2{font-size:20px;line-height:1.55;position:relative;word-break:keep-all;letter-spacing:-.7px}.book-cover .book-count{display:block;margin-top:12px;font-size:13px;color:#554d45;letter-spacing:2px}.cover-foot{font-size:9px;letter-spacing:1.5px;display:block;position:relative;margin-top:22px;color:#514a43}.shelf-footer{text-align:center;color:#969081;font-family:var(--serif);font-size:14px;line-height:1.8;padding:41px 0 20px}.tiny-flower{color:#969e84;font-size:23px;display:block;margin-bottom:10px}.subtle-link{font-size:12px;color:#77796c;text-decoration:underline;text-underline-offset:4px;padding:12px}.book-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:27px 34px;position:relative}.icon-button{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:#dad5c54d}.book-header h1{font-size:21px;text-align:center}.book-header .background-btn{font-size:13px;display:flex;gap:6px;align-items:center}.reader{max-width:560px;margin:0 auto;padding:0 30px 30px;position:relative}.book-paper{position:relative;min-height:560px;padding:26px 26px 30px;background:#fffcf5;box-shadow:5px 6px 0 -2px #eae4d7,8px 9px 0 -3px #fbf8ef,0 14px 32px #57483112;border-radius:3px 12px 12px 3px;border:1px solid #e6dfd0;touch-action:pan-y;overflow:hidden}.book-paper:after{content:'';position:absolute;left:12px;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#8d765519,transparent);border-left:1px solid #e4ddce;pointer-events:none}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;color:#918674;position:relative;font-size:12px;letter-spacing:2px}.page-top button{font-size:13px;padding:6px;letter-spacing:1px}.stamp-stage{perspective:1000px;min-height:327px;display:flex;justify-content:center;align-items:center;position:relative}.stamp-flipper{position:relative;width:248px;height:312px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.stamp-flipper.flipped{transform:rotateY(180deg)}.stamp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.stamp{padding:13px;background:#fffef8;box-shadow:0 9px 18px #493b2920;position:relative;text-align:center;mask:radial-gradient(circle at 5px 5px,transparent 3.5px,#000 3.8px) -5px -5px/10px 10px,linear-gradient(#000,#000) center/calc(100% - 10px) calc(100% - 10px) no-repeat;mask-composite:add}.stamp img{width:100%;height:calc(100% - 29px);object-fit:cover;display:block;border:1px solid #4c4a3320}.stamp-caption{display:flex;justify-content:space-between;align-items:center;height:29px;font-family:var(--serif);font-size:11px;letter-spacing:1px;color:#736c5e}.stamp-caption b{font-size:15px;font-weight:400}.stamp-back{transform:rotateY(180deg);background:#faf5e8;padding:28px 24px;box-shadow:0 9px 18px #493b2920;border:1px solid #e0d8c8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.stamp-back svg{color:#9c9f86;margin-bottom:19px}.stamp-back p{font-family:var(--serif);font-size:17px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.stamp-back time{font-size:12px;color:var(--muted);margin-bottom:12px}.stamp-back .memo-text{font-size:16px;line-height:1.85;text-align:left;overflow:auto;max-height:210px}.text-button{font-size:14px;color:var(--green);padding:10px;text-decoration:underline;text-underline-offset:5px}.memo-actions{display:flex;margin-top:7px}.stamp-label{text-align:center;position:relative;margin-top:21px}.stamp-label h2{font-size:23px}.stamp-label time{display:block;color:#8f887b;font-size:12px;margin-top:10px}.flip-hint{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#9b9385;margin-top:17px}.flip-hint svg{width:15px;height:15px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:23px 4px 12px;color:#8e8778}.pagination span{font-size:12px;letter-spacing:1px}.detail-actions{display:flex;justify-content:center;gap:0;margin-top:3px}.detail-actions button{display:flex;align-items:center;gap:7px;padding:12px 23px;font-size:14px;color:#746f60}.detail-actions button+button{border-left:1px solid var(--line)}.empty-stamp{width:232px;height:292px;border:1px dashed #c9c3b3;padding:12px;display:flex;align-items:center;justify-content:center;position:relative;color:#b1aa98;background:#eee9dc38}.empty-stamp:before{content:'';position:absolute;inset:8px;border:1px solid #d9d2c44d}.empty-stamp svg{width:48px;height:48px;stroke-width:1}.empty-copy{text-align:center;margin-top:18px;font-family:var(--serif);font-size:19px;line-height:1.7}.empty-hint{font-size:13px;color:#9c9384;line-height:1.9;margin-top:10px;text-align:center;word-break:keep-all}.page-turn{animation:page-in .35s ease-out}@keyframes page-in{from{opacity:.3;transform:translateX(15px) rotateY(-5deg)}to{opacity:1;transform:none}}.bg-pink{background-color:#fbf4ef;background-image:linear-gradient(90deg,#d49a9a0e 50%,transparent 50%),linear-gradient(#d49a9a0e 50%,transparent 50%);background-size:24px 24px}.bg-sky{background:repeating-linear-gradient(90deg,#f5f9fa 0,#f5f9fa 14px,#e4eff36b 14px,#e4eff36b 28px)}.bg-kraft{background:#d8bc93}.bg-lavender{background-color:#f4eff8;background-image:radial-gradient(#b0a1c04d 1px,transparent 1px);background-size:15px 15px}.mail-view{position:relative;min-height:calc(100dvh - 100px);max-width:570px;margin:auto;text-align:center;padding:26px 30px 50px}.mail-view .eyebrow{margin-top:20px}.mail-view h1{font-size:30px;line-height:1.5}.mail-view .sub{color:var(--muted);font-size:14px;margin-top:15px;line-height:1.8}.envelope-wrap{height:330px;display:flex;align-items:center;justify-content:center;perspective:700px}.envelope{position:relative;width:290px;height:185px;background:#e8dfca;box-shadow:0 16px 23px #6b583323;border:1px solid #d7ccb7;transform:rotate(-5deg);transition:transform .5s}.envelope:before{content:'';position:absolute;inset:0;background:#f1e9d8;clip-path:polygon(0 0,50% 60%,100% 0,100% 100%,0 100%)}.envelope:after{content:'';position:absolute;inset:0;background:#f8f1e2;clip-path:polygon(0 0,100% 0,50% 59%);filter:drop-shadow(0 1px 1px #9d8567);transform-origin:top;transition:transform .6s}.envelope.open{transform:rotate(0) translateY(30px);opacity:0;transition:all .7s}.envelope.open:after{transform:rotateX(170deg)}.envelope .seal{position:absolute;top:78px;left:128px;z-index:2;width:34px;height:34px;border-radius:50%;background:#89947b;color:#f5f0dc;display:grid;place-items:center}.envelope .address{position:absolute;bottom:26px;left:0;right:0;z-index:1;font-family:var(--serif);font-size:15px;letter-spacing:4px}.mail-stamp{height:350px;display:flex;justify-content:center;align-items:center;position:relative;margin:14px 0}.mail-stamp .stamp{width:245px;height:305px;transform:rotate(-4deg);animation:reveal .7s ease-out}.mail-stamp .postmark{position:absolute;width:113px;height:113px;border:3px double #8f6352;border-radius:50%;right:25px;bottom:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f6352;transform:rotate(-19deg);font-size:13px;letter-spacing:2px;animation:press .45s ease-out;background:#f6f2e918;pointer-events:none}.postmark small{font-size:10px;margin:6px 0}.primary{background:var(--green);color:#fffdf5;border:1px solid var(--green);border-radius:4px;min-height:51px;padding:13px 24px;font-size:15px;transition:background .2s;width:100%;max-width:330px}.primary:hover{background:#52654b}.secondary{border:1px solid #cfc9bb;background:#f8f5ee;border-radius:4px;min-height:46px;padding:11px 18px;font-size:14px}.acquired-name{font-family:var(--serif);font-size:24px;margin:0 0 9px}.mail-actions{margin-top:27px;display:flex;flex-direction:column;align-items:center;gap:12px}.rare-label{font-size:12px;color:#71838b;letter-spacing:3px;margin-bottom:11px}.discovery-cover{max-width:200px;margin:35px auto 30px}.discovery-cover .book-cover{width:200px}.splash{position:fixed;inset:0;z-index:50;background:#f6f2e9;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:vanish .5s 1.2s forwards;pointer-events:none}.splash svg{width:48px;height:48px;color:var(--green);margin-bottom:26px}.splash h1{font-size:34px;letter-spacing:4px}.splash p{font-family:var(--serif);margin-top:18px;color:var(--muted);font-size:16px}.modal-overlay{position:fixed;inset:0;z-index:60;background:#302a2354;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{width:100%;max-width:440px;max-height:90dvh;overflow:auto;background:#fbf8f0;border-radius:10px;padding:27px;box-shadow:0 20px 80px #302a2330}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{font-size:23px}.modal p{font-size:14px;line-height:1.9;color:#827b6c}.modal textarea{width:100%;min-height:170px;border:1px solid #d6cfbf;background:#fffdf7;border-radius:3px;padding:16px;resize:vertical;color:var(--ink);line-height:1.9;font-family:var(--serif);font-size:17px}.field-footer{display:flex;justify-content:space-between;margin:9px 0 20px;font-size:12px;color:var(--muted)}.modal .primary{max-width:none}.modal-buttons{display:flex;gap:10px;margin-top:24px}.modal-buttons>*{flex:1}.danger{background:#976b60;border-color:#976b60}.background-list{display:flex;flex-direction:column;gap:8px}.background-option{display:flex;align-items:center;gap:13px;text-align:left;padding:10px;border:1px solid transparent;border-radius:4px}.background-option.selected{border-color:#89957d;background:#eef0e7}.swatch{width:44px;height:47px;border:1px solid #d8d0c0;background-color:#fffaf0;flex-shrink:0}.background-option span:last-child{font-size:14px}.background-option small{display:block;color:#8c8677;font-size:11px;margin-top:5px}.export-options{border:0;margin:20px 0;padding:0}.export-options label{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:15px}.export-options input{accent-color:var(--green);width:18px;height:18px}.export-options label:has(input:disabled){opacity:.4}.export-preview{margin:16px auto;display:block;max-height:240px;max-width:100%;box-shadow:0 3px 13px #57483120}.privacy{font-size:12px!important;color:#747f65!important;padding:10px 0}.subscription{text-align:center}.subscription h3{font-size:27px;line-height:1.5;margin:23px 0}.price{font-family:var(--serif);font-size:26px;margin:20px 0}.price small{font-family:var(--sans);font-size:13px;color:#8e8575}.subscription .fine{font-size:12px;line-height:1.8;margin-top:17px}.jump-select{width:100%;padding:13px;border:1px solid var(--line);background:#fffdf5;margin:12px 0 20px}.premium-prompt{text-align:center;position:relative;margin-top:20px}.premium-prompt p{font-family:var(--serif);font-size:19px;line-height:1.7}.premium-prompt button{margin-top:14px;font-size:13px}.empty-premium{min-height:190px}.prototype-note{text-align:center;font-size:11px;color:#a19a8c;padding:20px 0 0}.toast{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;z-index:100;background:#484e40;color:#fffaf0;border-radius:6px;padding:14px 20px;max-width:90vw;width:max-content;font-size:14px;opacity:0;transform:translate(-50%,15px);transition:all .25s;pointer-events:none}.fade-in{animation:reveal .5s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes press{from{opacity:0;transform:scale(1.6) rotate(-19deg)}to{opacity:1;transform:scale(1) rotate(-19deg)}}@keyframes vanish{to{opacity:0;visibility:hidden}}@media(min-width:900px){.app-shell{margin:24px auto;min-height:calc(100dvh - 48px);box-shadow:0 12px 60px #52472f0c;border:1px solid #dfd9ce;border-radius:6px}.shelf-view{padding-top:42px}.shelf{padding:0 45px 25px;gap:60px}.book-cover{max-width:235px}.mail-note{margin-bottom:39px}.shelf-footer{padding-top:33px}.book-paper{min-height:570px}.mail-view{min-height:700px}}@media(max-width:650px){.topbar{height:83px;margin:0 25px}.brand{font-size:21px}.top-date{font-size:10px;letter-spacing:1px}.shelf-view{padding:34px 25px 25px}.intro-line h1{font-size:28px}.intro-line p{font-size:13px;margin-top:9px}.eyebrow{font-size:10px}.count-books{font-size:13px}.mail-note{margin:25px 0 34px;padding:15px 13px;gap:12px}.mail-note strong{font-size:14px}.mail-note small{font-size:11px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 23px;padding:0 3px 12px}.book-slot{padding:0 4px 22px}.book-slot:after{left:-12px;right:-12px}.book-cover{padding:23px 10px 19px 18px;aspect-ratio:.67}.cover-top{font-size:8px;letter-spacing:1.6px}.cover-art{width:73px;margin:19px auto 16px}.book-cover h2{font-size:18px;line-height:1.5}.book-cover .book-count{font-size:12px;margin-top:10px}.cover-foot{font-size:8px;letter-spacing:.6px;margin-top:19px}.shelf-footer{font-size:13px;padding-top:29px}.book-header{padding:16px 13px}.book-header h1{font-size:19px}.book-header .background-btn{font-size:12px}.book-header .background-btn svg{width:18px}.reader{padding:0 17px 25px}.book-paper{padding:21px 20px 25px;min-height:529px}.stamp-stage{min-height:304px}.stamp-flipper{width:225px;height:287px}.stamp-label h2{font-size:21px}.page-top{margin-bottom:17px}.stamp-label{margin-top:17px}.pagination{padding:17px 4px 7px}.mail-view h1{font-size:26px}.mail-view{padding:15px 26px 35px}.modal-overlay{padding:15px;align-items:flex-end}.modal{padding:23px;border-radius:16px 16px 7px 7px;max-height:91dvh}.empty-stamp{width:210px;height:269px}.empty-copy{font-size:18px}.detail-actions button{padding:12px 20px}.splash h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important}}@media(max-width:350px){.shelf-view{padding-left:18px;padding-right:18px}.book-cover h2{font-size:16px}.cover-art{width:60px}.cover-foot{display:none}.stamp-flipper{width:210px;height:268px}.brand{font-size:19px}.top-date{display:none}}
.book-hit{display:block;padding:0;width:100%;text-align:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stamp-front{background:transparent;padding:0;width:100%;height:100%;text-align:inherit}.stamp-front .stamp{width:100%;height:100%}
/* Soft stationery palette and a clear perforated postage silhouette. */
body{background:#f1e7df}.app-shell{background:var(--paper)}
.topbar{border-bottom-style:dashed}.brand{font-size:25px;letter-spacing:0;color:#795c50}.brand svg{color:#b28e86;stroke-width:1.7}
.intro-line h1{letter-spacing:.3px}.intro-line p{color:#9b8175}.eyebrow{color:#a78e80;letter-spacing:2px}
.mail-note{background:#edf1e5;border-color:#dbe3cd;border-radius:16px;color:#697a5b;box-shadow:0 4px 0 #e4e7d76b}.mail-note>.mail-symbol{background:#e0e8d3}.mail-note strong{font-size:17px;font-weight:400}.mail-note small{font-size:13px}.mail-note>.end-icon{color:#91a27c}
.book-cover{--cover:#edbdb8;--cover-dark:#bc8782;border-radius:4px 12px 10px 4px}.book-cover.blue{--cover:#bdc6e2}.book-cover.sage{--cover:#c9d5b3}.book-cover.rain{--cover:#b9d5d7}
.book-cover h2{color:#66504b;font-size:21px;letter-spacing:0}.book-cover .book-count{color:#725f54;font-family:var(--serif);font-size:16px;letter-spacing:1px}
.cover-top{color:#856c61;letter-spacing:1.5px}.cover-foot{font-family:var(--hand);font-size:14px;letter-spacing:0;color:#81695f;margin-top:17px}
.cover-art{width:101px;padding:10px;background:#fffef6;margin-top:18px;margin-bottom:17px;transform:rotate(-5deg)}.cover-art img{filter:saturate(.94);border:1px solid #c6aa9170}
.stamp,.cover-art,.stamp-back,.empty-stamp{-webkit-mask:url('assets/stamp-edge.svg') center / 100% 100% no-repeat;mask:url('assets/stamp-edge.svg') center / 100% 100% no-repeat;mask-composite:add;-webkit-mask-composite:source-over}
.stamp{padding:20px 20px 10px;background:#fffdf4}.stamp img{height:calc(100% - 38px);border:3px double #bca38c;outline:1px solid #e8dccb;outline-offset:4px}.stamp-caption{height:38px;color:#8d7564;font-family:var(--hand);font-size:14px;letter-spacing:.5px;padding-top:3px}.stamp-caption b{font-size:22px;color:#b68f78}
.stamp-front{filter:drop-shadow(2px 6px 4px #715e4826)}.mail-stamp>.stamp{filter:drop-shadow(2px 6px 4px #715e4826)}
.stamp-back{border:0;background:#fff8e8;padding:25px}.stamp-back:before{content:'';position:absolute;inset:16px;border:1px dashed #d6bda7;pointer-events:none}.stamp-back p{font-family:var(--sans)}.stamp-back .text-button{position:relative}.stamp-back .memo-text{font-family:var(--hand);font-size:21px;line-height:1.5}
.empty-stamp{border:0;background:#eadfd1;box-shadow:none}.empty-stamp:before{inset:16px;background:#fbf6eb;border:1px dashed #cbb8a3}.empty-stamp svg{z-index:1;color:#bfa993}
.book-paper{border-color:#e5d8c2;border-radius:3px 15px 15px 3px}.stamp-label h2{color:#816555}.stamp-label time{color:#9b8876}.flip-hint{color:#a49383}.page-top{color:#9f8777}.page-top button{font-family:var(--hand);font-size:15px}
.primary{border-radius:14px;font-family:var(--serif);font-size:18px;box-shadow:0 3px 0 #52694e25}.secondary{border-radius:12px;background:#fffaf0;font-family:var(--serif);font-size:16px;color:#927060;border-color:#dfccba}.text-button{color:#839675}.icon-button:hover{background:#eddfd05e}.detail-actions button{color:#947b69}.shelf-footer{color:#a78e7d;font-family:var(--hand);font-size:20px;line-height:1.5}.tiny-flower{color:#d7aa95}.subtle-link{font-family:var(--sans)}
.envelope{background:#f1dfc8;border-color:#e1cbb2}.envelope:before{background:#f9e9d5}.envelope:after{background:#fff0dc}.envelope .seal{background:#cba294}.envelope .address{font-family:var(--hand);font-size:22px;letter-spacing:3px}.mail-view .sub{color:#9a8273}.acquired-name{color:#8c6e5c}.postmark{font-family:var(--serif)}
.modal{background:#fffaf0;border-radius:20px}.modal-head h2{color:#886957}.modal textarea{border-radius:13px;font-family:var(--hand);font-size:23px;line-height:1.5;border-color:#e0cdbb}.background-option{border-radius:12px}.swatch{border-radius:5px}.splash{background:#fff8ed}.splash p{font-family:var(--hand);font-size:23px}.splash h1{color:#8f7060}
@media(max-width:650px){.brand{font-size:24px}.mail-note strong{font-size:15px}.mail-note small{font-size:12px}.book-cover h2{font-size:19px}.cover-art{width:80px;padding:8px;margin:16px auto}.cover-foot{font-size:12px;margin-top:13px}.book-cover .book-count{font-size:15px}.shelf-footer{font-size:19px}.stamp{padding:17px 17px 8px}.stamp-caption{font-size:12px;height:34px}.stamp-caption b{font-size:20px}.stamp img{height:calc(100% - 34px)}.book-header h1{font-size:21px}.stamp-label h2{font-size:24px}.intro-line h1{font-size:31px}}
@media(max-width:350px){.brand{font-size:22px}.book-cover h2{font-size:17px}.cover-art{width:65px;padding:7px}}
/* One persistent background, from the bookshelf to every open book. */
:root{--scene-color:#fff8ed;--scene-pattern:none;--scene-size:auto}
html[data-background="pink"]{--scene-color:#fff3f2;--scene-pattern:linear-gradient(90deg,#dda0ac12 50%,transparent 50%),linear-gradient(#dda0ac12 50%,transparent 50%);--scene-size:28px 28px}
html[data-background="sky"]{--scene-color:#f1f8fc;--scene-pattern:repeating-linear-gradient(90deg,transparent 0,transparent 16px,#9cc9df18 16px,#9cc9df18 32px);--scene-size:auto}
html[data-background="kraft"]{--scene-color:#e0c8a6;--scene-pattern:none;--scene-size:auto}
html[data-background="lavender"]{--scene-color:#f4effb;--scene-pattern:radial-gradient(#b09bcb50 1.3px,transparent 1.4px);--scene-size:19px 19px}
body,.app-shell,.book-paper,.splash{background-color:var(--scene-color);background-image:var(--scene-pattern);background-size:var(--scene-size)}
.topbar-tools{display:flex;align-items:center;gap:22px}.global-background-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid #c9b9a877;border-radius:14px;background:#fffdf570;color:#8b7463;font-size:14px;white-space:nowrap}.global-background-btn:hover{background:#fffdf5c9}.global-background-btn svg{width:19px;height:19px}.background-description{margin-bottom:17px!important}.swatch.bg-pink{background-color:#fff3f2}.swatch.bg-sky{background-color:#f1f8fc}.swatch.bg-kraft{background-color:#e0c8a6}.swatch.bg-lavender{background-color:#f4effb}
@media(max-width:650px){.topbar-tools{gap:0}.topbar-tools .top-date{display:none}.global-background-btn{padding:8px 11px;font-size:13px}.topbar{gap:12px}}
/* The paper turns at its bound edge, above the next full page. */
.reader{perspective:1400px;perspective-origin:12% 45%;isolation:isolate}
.book-paper.page-turn{animation:none}
.page-leaf{position:absolute!important;margin:0!important;transform-origin:left center;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;will-change:transform;animation:none!important;overflow:hidden}
.page-leaf .leaf-shade{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(90deg,#49352622 0%,transparent 20%,#72543824 55%,#493526aa 100%);border-radius:inherit;opacity:0}
.reader[aria-busy="true"] .pagination{pointer-events:none}
@media(prefers-reduced-motion:reduce){.page-leaf{display:none}}

/* Editorial handwriting only; controls and metadata remain clear sans serif. */
.brand,.intro-line h1,.book-cover h2,.book-header h1,.stamp-label h2,.acquired-name,.intro-line p,.shelf-footer,.count-books,.cover-foot,.mail-view .sub,.splash h1,.splash p,.stamp-caption>span,.stamp-back .memo-text,.modal textarea{font-family:var(--hand);font-weight:400;font-synthesis:none}
button,input,select,textarea,.primary,.secondary,.text-button,.subtle-link,.book-cover .book-count,.page-top,.page-top button,.stamp-caption b,.stamp-back time,.stamp-label time,.top-date,.price,.price small,.pagination,.detail-actions,.global-background-btn,.background-btn,.background-option,.modal-head h2,.modal label,.field-footer,.prototype-note,.flip-hint,.empty-copy,.premium-prompt p,.postmark,.postmark small{font-family:var(--sans);font-weight:400}
button.brand{font-family:var(--hand)}
.primary{font-size:16px}.secondary{font-size:14px}.book-cover .book-count{font-size:13px}.page-top button{font-size:13px}.stamp-caption b{font-size:17px}.modal-head h2{font-size:20px}.stamp-back .memo-text{font-size:20px;line-height:1.65}.modal textarea{font-size:21px;line-height:1.7}.modal textarea::placeholder{font-family:var(--sans);font-size:14px;color:#9b8c7d}.subscription h3{font-family:var(--hand);font-weight:400}

/* Album leaves always use quiet, warm ivory craft paper. */
.book-paper,.book-paper.page-leaf{background-color:#fbf4e5;background-image:none;background-size:auto}

/* A single handwritten voice across the album and its controls. */
:root{--sans:var(--hand)}
body,button,input,select,textarea{font-family:var(--hand);font-synthesis:none}
.primary{font-size:19px}.secondary{font-size:17px}.text-button,.subtle-link,.detail-actions button,.global-background-btn,.book-header .background-btn{font-size:16px}
.page-top button,.book-cover .book-count,.pagination span,.stamp-label time,.stamp-back time,.top-date,.field-footer,.flip-hint,.privacy,.prototype-note{font-size:14px}
.modal p,.background-option span:last-child,.export-options label,.background-description{font-size:17px}.background-option small{font-size:13px}.modal textarea::placeholder{font-family:var(--hand);font-size:18px}
.modal-head h2{font-size:23px}.stamp-caption b{font-size:20px}.stamp-caption>span{font-size:14px}.mail-note small{font-size:14px}.subscription .fine{font-size:14px}
/* Ribbon → letter → reverse → peeled postage → arrival postmark. */
.mail-experience{overflow:visible}.mail-theatre{position:relative;height:380px;margin:20px auto 12px;max-width:410px;perspective:1000px}.arrival-ribbon{position:absolute;top:0;left:0;right:0;z-index:4;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;background:#ede5d5;border:1px solid #daceb9;border-radius:9px;box-shadow:0 5px 7px -5px #65492980;color:#8c7661;font-size:17px}.arrival-ribbon svg{width:21px;height:21px}.letter-window{position:absolute;inset:35px -10px 0;overflow:hidden;padding:42px 12px 20px;perspective:1000px}.letter-arrival{width:min(300px,90%);height:195px;margin:0 auto;transform:rotate(-3deg);perspective:900px}.arrival-letter{display:block;position:relative;width:100%;height:100%;padding:0;transform-style:preserve-3d;outline-offset:8px}.arrival-letter:disabled{opacity:1}.letter-face{position:absolute;inset:0;display:block;background:#fff5e4;border:1px solid #ddc9ad;border-radius:3px;box-shadow:0 12px 23px #68503925;backface-visibility:hidden;-webkit-backface-visibility:hidden}.letter-front{text-align:left;padding:24px}.letter-from{font-size:13px;color:#aa9380;display:block}.letter-to{display:block;font-size:25px;line-height:1.45;color:#88705a;padding-top:14px}.letter-date{position:absolute;right:22px;bottom:24px;font-size:12px;color:#b49d83}.letter-rule{display:block;width:70px;border-top:1px solid #cdb99c;margin-top:13px}.letter-back{transform:rotateY(180deg);background:#f7ead5}.letter-fold{position:absolute;inset:0;background:#fff4e1;clip-path:polygon(0 0,100% 0,50% 65%);border-top:1px solid #e5d3b9}.letter-seal{position:absolute;left:calc(50% - 17px);top:105px;width:34px;height:34px;display:grid;place-items:center;background:#cca89b;color:#fff6e9;border-radius:50%;font-size:21px}.letter-back-copy{position:absolute;bottom:20px;left:20px;color:#ab9075;font-size:13px}.attached-stamp{position:absolute;right:15px;top:14px;width:57px;height:71px;display:block;transform:rotate(4deg)}.attached-stamp .stamp{width:100%;height:100%;padding:5px 5px 3px}.attached-stamp .stamp img{height:calc(100% - 10px);border:1px solid #c6ab91;outline:none}.attached-stamp .stamp-caption{font-size:4px;height:10px;padding:0}.attached-stamp .stamp-caption span{font-size:4px}.attached-stamp .stamp-caption b{font-size:6px}.peeling-stamp{position:absolute;left:0;top:0;z-index:6;transform-origin:0 0;will-change:transform;pointer-events:none}.peeling-stamp>.stamp,.arrived-stamp>.stamp{width:100%;height:100%}.arrived-stamp{position:absolute;width:min(245px,calc(100% - 34px));aspect-ratio:245/305;left:50%;top:30px;transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(3px 6px 5px #5e422425)}.arrival-postmark{position:absolute;right:10px;top:255px;z-index:7;width:113px;height:113px;border:3px double #986f5c;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#986f5c;font-family:var(--hand);font-size:15px;transform:rotate(-19deg);opacity:.8;pointer-events:none;background:transparent}.arrival-postmark small{font-size:12px}.arrival-postmark:after{content:'';position:absolute;width:45px;height:19px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;left:-37px;top:42px;transform:rotate(-8deg);opacity:.65}.mail-replay{padding:8px 0 0;font-size:14px;text-align:left}.mail-experience .mail-actions{margin-top:22px}.mail-experience .acquired-name{margin-top:3px}@media(max-width:650px){.mail-theatre{height:365px;margin-top:20px}.arrival-ribbon{font-size:16px}.letter-arrival{height:185px}.letter-front{padding:20px}.letter-to{font-size:24px}.arrival-postmark{right:2px;top:247px;width:102px;height:102px;font-size:14px}}

.letter-touch{position:absolute;right:22px;top:72px;display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:39px;padding:5px 12px;border:1px dashed #b6a18a;border-radius:20px;background:#fffaf0;color:#896c56;font-family:var(--hand);font-size:20px;line-height:1.2;transform:rotate(3deg)}
/* Quiet discoveries, without exposing the books still waiting to be found. */
.shelf-arriving{animation:book-placed .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes book-placed{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.discovery-title{font-family:var(--hand);font-size:24px;color:#8b715c;margin:18px 0 8px}
.discovery-key{width:174px;height:219px;margin:28px auto 30px;transform:rotate(-5deg);filter:drop-shadow(0 9px 10px #5b423c14)}
.discovery-key .stamp{width:100%;height:100%}.discovery-key .stamp-caption{font-size:12px}.discovery-key .stamp-caption span{font-size:11px}
.discovery-cover-in{animation:book-placed .75s ease-out both}.test-guide{margin:18px 0!important}
.mail-view h1{overflow-wrap:anywhere}.book-cover h2{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.shelf-arriving,.discovery-cover-in{animation:none}}
.preview-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 35px;padding:17px;background:#edf1e580;border:1px dashed #c7c9b5;border-radius:12px;font-size:16px;line-height:1.5}.preview-notice .secondary{flex-shrink:0}.preview-label{font-size:14px;color:#998470;padding:8px}.preview-footnote{font-size:14px;line-height:1.7;text-align:center;color:#9a8571;margin-top:10px}@media(max-width:650px){.preview-notice{align-items:flex-start;flex-direction:column}.intro-line h1{word-break:keep-all}.preview-notice .secondary{min-height:40px}}

.reader-mail-link{text-align:center;margin-top:12px}

/* Outer stationery patterns; album leaves stay ivory. */
html[data-background="mint"],.swatch.bg-mint{--scene-color:#edf5ee;--scene-pattern:linear-gradient(90deg,#8bad961e 50%,transparent 50%),linear-gradient(#8bad961e 50%,transparent 50%);--scene-size:36px 36px}
html[data-background="butter"],.swatch.bg-butter{--scene-color:#fff6dF;--scene-pattern:linear-gradient(#c2a66c25 1px,transparent 1px),linear-gradient(90deg,#c2a66c25 1px,transparent 1px);--scene-size:22px 22px}
html[data-background="rose"],.swatch.bg-rose{--scene-color:#faf0ed;--scene-pattern:repeating-linear-gradient(135deg,transparent 0,transparent 15px,#c699991e 15px,#c699991e 20px);--scene-size:auto}
html[data-background="linen"],.swatch.bg-linen{--scene-color:#eee9df;--scene-pattern:repeating-linear-gradient(0deg,#a8957520 0,#a8957520 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#fff9 0,#fff9 1px,transparent 1px,transparent 5px);--scene-size:auto}
html[data-background="apricot"],.swatch.bg-apricot{--scene-color:#fff0e3;--scene-pattern:repeating-linear-gradient(45deg,#d4a28616 0,#d4a28616 22px,transparent 22px,transparent 44px),repeating-linear-gradient(-45deg,#d4a28616 0,#d4a28616 22px,transparent 22px,transparent 44px);--scene-size:auto}
.swatch:is(.bg-mint,.bg-butter,.bg-rose,.bg-linen,.bg-apricot){background-color:var(--scene-color);background-image:var(--scene-pattern);background-size:var(--scene-size)}
.background-group-title{font-size:18px;margin:20px 0 10px;color:#826c5b}

.plan-details{text-align:left;margin:24px 0;padding-left:22px;line-height:1.9;font-size:18px}.checkout{font-size:18px;line-height:1.65}.checkout-summary{padding:22px 18px;background:#eee9d9;border:1px dashed #bbaa92;border-radius:8px;margin-bottom:20px}.checkout-summary span,.checkout-summary strong{display:block}.checkout-summary strong{font-size:30px;font-weight:400}.payment-details{margin:22px 0}.payment-details>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8decd}.payment-details dd{margin:0;text-align:right}.checkout-consent{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:16px;cursor:pointer}.checkout-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#789078}.checkout .primary{width:100%}.attendance-note{font-size:15px;margin-top:18px;color:#857765}

.background-bundles{display:grid;gap:9px;margin:0 0 16px}.background-pack-banner,.background-pack-choice{display:block;width:100%;text-align:left;padding:15px 16px;border:1px solid #dbc3bb;border-radius:10px;background:#f4e7e1;font-size:17px;line-height:1.5}.background-pack-choice{background:#f3eee2;border-color:#ded3bc;font-size:16px}.background-bundles span,.background-bundles small{display:block}.background-bundles small{margin-top:4px;font-size:15px;color:#826c5b}.background-bundles b{font-weight:400;color:#6e5046}.pack-selection-count{margin:16px 0!important;font-size:19px;color:#7b6c50}.pack-saving{font-size:16px;color:#86715d;margin-bottom:18px!important}.checkout .background-list{margin:18px 0}.modal .background-option small{font-size:14px}

/* Subscription: a small invitation, with one clear next step. */
.modal-subscription,.modal-checkout{max-width:410px;padding:22px 28px 27px;border-radius:20px;background-color:#fffaf0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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%3Cpath fill='%23837260' opacity='.06' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.modal-subscription .modal-head{margin-bottom:6px;min-height:38px}.modal-subscription .modal-head h2{font-size:16px;color:#8d7a69;letter-spacing:.04em}.modal-subscription .modal-head .icon-button,.modal-checkout .modal-head .icon-button{width:44px;height:44px;margin-right:-12px}
.subscription-invitation h3{font-size:29px;font-weight:400;line-height:1.3;text-align:center;margin:6px 0 13px;color:#624d40}
.modal .invitation-price{font-size:23px;text-align:center;margin:0;line-height:1.3;color:#705b4c}
.invitation-benefits{padding:0;list-style:none;display:grid;gap:15px;margin:25px auto 21px;max-width:270px}.invitation-benefits li{display:flex;align-items:center;gap:17px;font-size:18px;line-height:1.35}.invitation-benefits svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.35;color:#7c927a}
.modal .invitation-free{font-size:14px;line-height:1.45;text-align:center;color:#8b7e6d;margin:0}
.modal .invitation-keepsake{font-size:14px;line-height:1.45;text-align:center;color:#8b7e6d;margin:24px 0 11px;word-break:keep-all}
.subscription-invitation .primary,.subscription-confirmation .primary{width:100%;min-height:49px;font-size:18px;margin:0;background:#7c927a;color:#fffdf5;border-radius:13px}
.modal-checkout .modal-head{margin-bottom:24px}.modal-checkout .modal-head h2{font-size:22px}.subscription-confirmation{text-align:center}.modal .confirmation-product{font-size:19px;margin:0 0 16px}.modal .confirmation-price{font-size:27px;margin:0 0 5px}.modal .confirmation-cycle{font-size:16px;color:#8b7e6d;margin:0}.modal .confirmation-background{font-size:17px;margin:27px 0 29px;line-height:1.5}.confirmation-background span{color:#8b7e6d}.modal .confirmation-status{font-size:14px;color:#8b7e6d;margin:13px 0 0}.subscription-confirmation .primary:disabled{opacity:.55}
@media(max-height:700px){.modal-subscription{padding-top:12px;padding-bottom:18px}.subscription-invitation h3{font-size:26px;margin:0 0 9px}.invitation-benefits{gap:10px;margin:17px auto}.modal .invitation-keepsake{margin-top:16px}}
@media(max-width:360px){.modal-subscription,.modal-checkout{padding-left:20px;padding-right:20px}.subscription-invitation h3{font-size:25px}.invitation-benefits li{font-size:17px}}

.subscription-demo-notice{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 14px;padding:9px 20px;background:#e9eddc;border-bottom:1px dashed #bcc5a7;color:#657457;font-size:15px}.subscription-demo-notice>div{display:flex;align-items:center;gap:16px}.subscription-demo-notice .text-button{font-size:14px;padding:7px 0}.subscription-demo-notice a{font-size:14px;color:inherit;text-underline-offset:3px}

.new-book-badge{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid #9dac91;border-radius:6px;color:#718468;font-size:13px;line-height:1.3;vertical-align:middle;letter-spacing:.06em}

.key-stamp-seal{display:table;margin:12px auto 10px;padding:7px 14px;border:1px solid #8c9f82;border-radius:50%;color:#6e8465;font-size:15px;letter-spacing:.03em;transform:rotate(-4deg);animation:quiet-seal .4s ease-out both}.new-book-opening{position:fixed;z-index:50;transform-origin:left center;pointer-events:none;backface-visibility:hidden;filter:drop-shadow(8px 12px 10px #493b2920)}.new-book-opening .book-cover{width:100%;max-width:none;height:100%;aspect-ratio:auto;transform:none;padding-top:45px;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-book-opening .cover-art{width:115px;min-height:137px;margin:25px auto}.new-book-opening .book-cover h2{font-size:27px}.new-book-opening .cover-foot{margin-bottom:25px}.rain-ink{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.rain-ink i{position:absolute;width:15px;height:16px;background:#8aa4a54a;border-radius:47% 53% 54% 46%;left:80%;top:12%;opacity:0;animation:ink-arrival 1s .65s ease-out both}.rain-ink i:nth-child(2){left:85%;top:17%;width:9px;height:10px;animation-delay:.82s}.rain-ink i:nth-child(3){left:77%;top:21%;width:7px;height:8px;animation-delay:.98s}@keyframes ink-arrival{0%{opacity:0;transform:scale(.3)}30%{opacity:.7}100%{opacity:0;transform:scale(1.7);filter:blur(1px)}}@keyframes quiet-seal{from{opacity:0;transform:rotate(-4deg) scale(1.13)}to{opacity:1;transform:rotate(-4deg) scale(1)}}@media(prefers-reduced-motion:reduce){.key-stamp-seal,.rain-ink i{animation:none}.new-book-opening,.rain-ink{display:none}}

/* Small ink accents belong to each book; never cover the central stamp. */
.opening-accents{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden;color:var(--accent)}.opening-accents i{position:absolute;font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:22px;line-height:1;opacity:0;left:calc(77% + var(--i)*3%);top:calc(9% + var(--i)*5%);animation:accent-drift 1.1s calc(.78s + var(--i)*.065s) ease-out both}.opening-accents i:nth-child(2){font-size:15px}.opening-accents i:nth-child(3){left:10%;top:79%;font-size:18px}.opening-accents i:nth-child(4){left:16%;top:84%;font-size:12px}
.effect-ink i{font-size:37px;animation-name:accent-ink}.effect-sugar i{animation-name:accent-sugar}.effect-flutter i{animation-name:accent-flutter}.effect-rise i{animation-name:accent-rise}.effect-pulse i,.effect-constellation i{animation-name:accent-pulse}.effect-wave i{animation-name:accent-wave}.effect-bloom i{animation-name:accent-bloom}.effect-fall i{animation-name:accent-fall}.effect-trail i{animation-name:accent-trail}.effect-constellation i:nth-child(2){top:17%;left:73%}.effect-trail i:nth-child(3){left:82%;top:27%}.effect-trail i:nth-child(4){left:87%;top:34%}
@keyframes accent-drift{0%{opacity:0;transform:translate(-7px,7px)}35%{opacity:.7}100%{opacity:0;transform:translate(9px,-7px)}}
@keyframes accent-ink{0%{opacity:0;transform:scale(.3)}30%{opacity:.65}100%{opacity:0;transform:scale(1.6);filter:blur(1px)}}
@keyframes accent-sugar{0%{opacity:0;transform:scale(.6) rotate(-15deg)}40%{opacity:.8}100%{opacity:0;transform:translateY(12px) scale(1.1) rotate(20deg)}}
@keyframes accent-flutter{0%{opacity:0;transform:translateY(-9px) rotate(-25deg)}35%{opacity:.65}100%{opacity:0;transform:translate(8px,16px) rotate(35deg)}}
@keyframes accent-rise{0%{opacity:0;transform:translateY(13px) scale(.8)}35%{opacity:.7}100%{opacity:0;transform:translateY(-17px) scale(1.15)}}
@keyframes accent-pulse{0%{opacity:0;transform:scale(.55)}40%{opacity:.8;transform:scale(1.05)}100%{opacity:0;transform:scale(.8)}}
@keyframes accent-wave{0%{opacity:0;transform:translateX(-10px)}40%{opacity:.7}100%{opacity:0;transform:translateX(12px)}}
@keyframes accent-bloom{0%{opacity:0;transform:scale(.6)}45%{opacity:.7}100%{opacity:0;transform:scale(1.5)}}
@keyframes accent-fall{0%{opacity:0;transform:translateY(-14px) rotate(0)}40%{opacity:.7}100%{opacity:0;transform:translate(4px,15px) rotate(30deg)}}
@keyframes accent-trail{0%{opacity:0;transform:scale(.8)}30%{opacity:.65;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.opening-accents{display:none}.opening-accents i{animation:none}}
/* The same small paper invitation, with two quiet subscription choices. */
.plan-switch{display:flex;gap:10px;margin:4px 0 22px}.plan-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;border:1px solid #b8bca855;border-radius:12px;background:transparent;color:#79644f;font-size:17px}.plan-choice svg{width:20px;height:20px;color:#83917b}.plan-choice small{display:block;margin-top:5px;font-size:15px}.plan-choice[aria-pressed=true]{background:#e8ecdf88;border-color:#909d81}.current-plan{font-size:14px;color:#78836e;text-align:center;margin:12px 0}.master-includes{font-size:16px;color:#75846c;text-align:center;margin:8px 0}.mail-timetable{list-style:none;padding:0;margin:18px auto;max-width:300px;display:grid;gap:12px}.mail-timetable li{display:flex;align-items:center;gap:10px;font-size:16px}.mail-timetable svg{width:18px;height:18px;color:#87977d}.mail-timetable time{margin-left:auto;font-size:15px;color:#817362}.master-promise{font-size:16px;line-height:1.6;text-align:center;margin:20px 0 12px}.plan-fineprint{font-size:14px;line-height:1.6;color:#887965;text-align:center;margin:12px 0}.special-mail-note{background:#edf0e380;margin-top:-10px}.mail-tone-morning .letter-front,.mail-tone-morning .letter-back{background-color:#fbf1dd}.mail-tone-midday .letter-front,.mail-tone-midday .letter-back{background-color:#fbf8ef}.mail-tone-evening .letter-front,.mail-tone-evening .letter-back{background-color:#f5e7df}.mail-tone-night .letter-front,.mail-tone-night .letter-back{background-color:#eeeaf2}.modal-subscription{max-height:calc(100dvh - 28px);overflow-y:auto}.modal-subscription .subscription-invitation h3{font-size:26px}.modal-subscription .invitation-price{margin:12px 0}.modal-subscription .invitation-keepsake{margin:18px 0 14px}.modal-master-welcome h3{font-size:25px;line-height:1.5}.modal-master-welcome .primary{width:100%}@media(max-height:760px){.modal-subscription .plan-switch{margin-bottom:12px}.modal-subscription .invitation-benefits{margin:16px 0;gap:12px}.modal-subscription .mail-timetable{margin:12px auto;gap:8px}.modal-subscription .master-promise{margin:12px 0;font-size:15px}.modal-subscription .invitation-keepsake{margin:12px 0}.modal-subscription .subscription-invitation h3{font-size:24px}}
.late-mail-link{margin:-28px 0 30px;text-align:center;color:#78816e;font-size:15px}

/* Account controls use the album's existing paper, type and button styles. */
#email-login-form{display:grid;gap:12px;margin-top:24px;text-align:left}
#account-email{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:12px;border:1px solid #c5c4b4;border-radius:12px;background:#fffdf5;color:#53483d}
.modal-account .secondary,.modal-account .primary,.modal-import .primary{width:100%;margin-top:10px}
.modal-account .text-button{display:block;margin:16px auto 0}

.info-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:24px;font-size:14px;line-height:1.8}.info-footer a{color:#8b7b6c;text-decoration:none}.info-footer a:focus-visible{outline:2px solid #789078;outline-offset:4px}

/* V8: existing handwritten brand, clear supporting type. */
@font-face{font-family:MaruBuri;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/maruburi-regular.woff2') format('woff2')}
:root{--paper:#FBF6EE;--ink:#735A4D;--muted:#927C71;--green:#829985;--sans:var(--hand);--reading:MaruBuri,serif;--pink:#E9B8B6;--lavender:#D8D7E9}
body{color:var(--ink)}button,.primary,.secondary{font-family:var(--hand);min-height:44px}a{color:inherit;text-underline-offset:4px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:12px 20px;border-radius:14px;line-height:1.45}.primary{background:var(--green);color:#fff9f0}.secondary{border:1px solid #82998575;background:#fff9f0}.primary:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.topbar-tools{display:flex;align-items:center;gap:18px}.account-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:52px;padding:4px;font-size:14px}.account-button svg{width:24px;height:24px}.global-background-btn{min-height:48px}.brand{white-space:nowrap}.intro-line p,.shelf-footer{font-family:var(--hand)}
.book-count,.page-top,.stamp-label time,.plan-choice small,.invitation-price,.plan-fineprint,.invitation-free,.checkout-disclosure,.mail-timetable time,.account-email,.account-identity,#sync-status,.privacy,.field-footer,.background-description,.inline-error,.subscription-price,.subscription-status dl,.collection-stats,.info-footer,.empty-hint{font-family:var(--hand);font-size:16px;line-height:1.65;letter-spacing:0}.book-count{font-variant-numeric:tabular-nums}.invitation-price{font-size:24px;font-weight:500}.stamp-label{margin-top:24px}.stamp-label h2{font-size:28px;margin-bottom:8px}.detail-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.detail-actions button{min-height:48px;padding:10px 18px}.reader{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.shelf{align-items:start;gap:54px 38px}.book-hit{width:100%;padding:8px 6px;min-height:44px}.book-cover{box-shadow:4px 6px 0 -2px #f7f3e6,7px 7px 0 -2px #c5b9a5,10px 14px 21px -10px #45392d48,inset 9px 0 9px -7px #462d345e}.book-cover h2{min-height:2.8em;display:flex;align-items:center;justify-content:center}.cover-foot{min-height:2.5em}
.modal-overlay{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain}.modal{background:#fff9f0;color:var(--ink);border-radius:24px;padding:26px;max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.modal p{line-height:1.65;overflow-wrap:anywhere}.modal-head{gap:12px;align-items:center;margin-bottom:22px}.modal-head h2{font-size:25px;line-height:1.3}.modal-head .icon-button{flex-shrink:0}.modal .primary{width:100%}.modal input,.modal textarea{font-family:var(--sans);font-size:16px;line-height:1.6}.modal textarea{font-family:var(--hand);font-size:21px}.account-email{overflow-wrap:anywhere;margin-top:24px!important}.account-identity{color:var(--green);margin:4px 0!important}#sync-status{margin:10px 0}.modal-account .text-button{font-family:var(--sans);font-size:14px;min-height:44px;margin:4px auto}.modal-account .privacy{font-size:13px}
.background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.background-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:9px 9px 12px;border:1.5px solid #e6d8c9;border-radius:15px;background:#fffaf2;font-size:18px;line-height:1.4}.background-preview{display:block;width:100%;height:80px;border-radius:9px;border:1px solid #735a4d12}.background-card.selected{border-color:var(--green);background:#eaf0e8}.background-card svg{position:absolute;top:16px;right:16px;width:24px;height:24px;background:#fff9f0;border-radius:50%;padding:3px;color:var(--green)}.background-apply{position:sticky;bottom:0;box-shadow:0 0 0 6px #fff9f0}.background-description{font-size:14px!important}.background-card span:last-of-type{overflow-wrap:anywhere}
.postal-mark{display:block;width:110px;margin:0 auto 18px;color:#ad9683;opacity:.75}.postal-mark svg{display:block;width:100%;height:54px}.collection-stats{display:grid;grid-template-columns:1fr 1fr;max-width:430px;margin:28px auto 12px;background:#fff9f099;border:1px solid #e6d8c9;border-radius:18px;padding:18px 8px;gap:8px}.collection-stats div{display:flex;flex-direction:column;gap:6px}.collection-stats strong{font-weight:500;font-size:22px}.collection-stats small{font-family:var(--sans);font-size:12px;color:var(--muted)}.subscription-manage-link{display:inline-flex;min-height:48px;align-items:center;padding:8px 16px;font-size:19px}.info-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:12px;padding:18px 0 0}.info-footer a{padding:8px 2px}.info-footer span{align-self:center}
.subscription-page{max-width:560px;margin:auto;padding:30px 24px calc(44px + env(safe-area-inset-bottom));position:relative}.back-link{display:inline-flex;padding:10px 0;margin-bottom:26px;min-height:44px;font-size:17px;text-decoration:none}.subscription-page h1{font-size:32px;line-height:1.4}.page-intro{font-family:var(--hand);font-size:21px;margin:14px 0 30px;line-height:1.6}.subscription-status{border:1px solid #e6d8c9;border-radius:20px;padding:24px;background:#fff9f0}.subscription-status h2,.subscription-options h2{font-size:26px}.subscription-status p,.subscription-options p{margin:12px 0;line-height:1.65}.subscription-status dl{margin:24px 0}.subscription-status dl div{display:flex;gap:20px;justify-content:space-between;padding:10px 0}.subscription-status dt{flex-shrink:0;color:var(--muted)}.subscription-status dd{margin:0;text-align:right;overflow-wrap:anywhere}.subscription-status .secondary{width:100%}.subscription-price{font-size:22px;font-weight:500}.subscription-options section{padding:28px 0;border-bottom:1px solid #e6d8c9}.subscription-options .primary{width:100%;margin-top:10px}.subscription-page>.plan-fineprint{margin-top:28px}.checkout-disclosure{display:flex;gap:6px;align-items:center;justify-content:center;font-size:12px!important;margin:12px 0 0!important}.checkout-disclosure svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.5}.inline-error{color:#965f51}.welcome-page{text-align:center}.welcome-page .back-link{display:flex}.welcome-mail svg{width:56px;height:56px;stroke-width:1.1;color:var(--green);margin:28px 0}.welcome-page p{margin:22px 0;font-size:22px;line-height:1.7}.welcome-page .welcome-tier{font-family:var(--sans);font-size:14px;color:var(--green)}.welcome-page .primary,.welcome-page .secondary{width:100%;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.splash{animation:none;transition:opacity .4s ease;pointer-events:auto}.splash h1{margin:16px 0 8px}.splash p{margin:0}.splash svg{stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.splash.leaving{opacity:0}
@media(max-width:600px){.topbar{margin:0 22px;height:84px}.topbar-tools{gap:10px}.brand{font-size:25px;gap:7px}.brand svg{width:23px}.global-background-btn{font-size:17px}.shelf-view{padding:30px 22px 24px}.intro-line h1{font-size:32px}.shelf{gap:42px 18px;padding:0 5px 26px}.book-slot{padding:0 3px 22px}.book-cover h2{font-size:21px;line-height:1.4}.book-cover{padding-left:22px;padding-right:12px}.shelf-footer{font-size:20px;line-height:1.7}.modal{padding:22px;max-width:460px;width:100%}.book-header{padding:22px 18px}.book-header h1{font-size:23px}.modal .invitation-free,.modal .invitation-keepsake{font-size:14px}.subscription-invitation h3{font-size:28px!important}.mail-timetable{max-width:100%;gap:10px!important}.mail-timetable li{font-size:18px}.mail-timetable time{font-size:12px}.collection-stats{font-size:13px}.modal-head h2{font-size:25px}}
@media(max-width:360px){.topbar{margin:0 15px}.brand{font-size:22px}.shelf-view{padding-left:16px;padding-right:16px}.modal{padding:18px}.background-grid{gap:9px}.background-card{font-size:17px}.mail-timetable li{gap:6px}.mail-timetable time{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final type system: handwriting for the album; MaruBuri only for extended reading.
   Existing English decoration inherits the same Letter Hand face as before. */
.collection-stats,.collection-stats small{font-family:var(--hand);font-size:17px;line-height:1.55}
.collection-stats strong{font-size:25px;font-weight:400;line-height:1.4}
.subscription-price,.invitation-price{font-family:var(--hand);font-size:27px;font-weight:400;line-height:1.45}
.plan-choice small,.book-count,.page-top,.stamp-label time,.stamp-back time{font-size:16px;line-height:1.5}
.plan-fineprint,.invitation-free,.invitation-keepsake,.background-description,.field-footer,.inline-error{font-size:17px!important;line-height:1.65}
.checkout-disclosure{font-size:15px!important;line-height:1.6}
.mail-timetable time{font-family:var(--hand);font-size:15px;line-height:1.5}
.account-email,#sync-status,.account-identity,.subscription-status dl{font-family:var(--hand);font-size:18px;line-height:1.65}
.modal-account .text-button,.info-footer,.account-button{font-size:16px;line-height:1.5}
.subscription-manage-link{font-family:var(--hand);font-size:21px;line-height:1.5}
.welcome-page .welcome-tier{font-family:var(--hand);font-size:18px;line-height:1.5}
.modal-account .privacy,.long-description,.help-content{font-family:var(--reading);font-size:15px;line-height:1.85;font-weight:400}

.master-promise{word-break:keep-all;overflow-wrap:break-word}

/* V10 discovery uses the existing book geometry. */
.empty-shelf{text-align:center;padding:40px 16px;color:var(--muted);line-height:1.8}
.locked-book{background:#d9cec2!important;opacity:.62;justify-content:center;color:#826e61}.locked-book svg{width:30px;height:30px}.locked-book small{padding:12px;text-align:center}
.shelf-arriving{animation-duration:.75s!important}

/* Subscription management beside account; retain compact mobile touch targets. */
.header-subscription{color:inherit;text-decoration:none}.header-subscription svg{width:24px;height:24px}.header-subscription:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:8px}
@media(max-width:600px){.topbar{gap:6px}.topbar-tools{gap:4px}.topbar-tools .global-background-btn{flex-direction:column;gap:2px;border:0;background:none;padding:4px;min-width:44px;min-height:52px;font-size:16px}.topbar-tools .global-background-btn svg{width:24px;height:24px}.brand{font-size:22px;gap:5px}}

/* The familiar envelope becomes the signed-out welcome screen. */
.login-entry{min-height:100svh;max-width:520px;margin:auto;padding:48px 22px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;color:#735A4D}
.login-envelope svg{width:58px;height:58px;stroke-width:1.4}.login-entry h1{font-size:38px;margin:16px 0 8px}.login-subtitle{margin:0 0 28px;font-size:19px}.login-entry-card{width:100%;padding:24px;box-sizing:border-box;border-radius:24px;background:#FFF9F0;box-shadow:0 5px 22px #735a4d10}.login-entry-card h2{font-size:25px;margin:0 0 14px}.login-entry-card p{line-height:1.7}.login-entry-card button{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:48px;margin:12px auto 0;white-space:normal;box-sizing:border-box}.login-links{margin-top:26px;font-size:14px;line-height:2;overflow-wrap:anywhere}.login-links a{color:inherit}