:root{--paper: #f4ecdf;--card: #fffaf2;--ink: #3d2a2c;--ink-soft: #7a6461;--rose: #b4546a;--rose-deep: #8e2f45;--sage: #8fa88c;--line: rgba(61, 42, 44, .14);--display: "Cormorant Garamond", "Cormorant", Georgia, serif;--serif: "EB Garamond", Georgia, serif;--hand: "Caveat", "Segoe Script", cursive;--ui: "Nunito", -apple-system, system-ui, sans-serif;--bold: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .38 0 0 0 0 .27 0 0 0 0 .2 0 0 0 .11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--grain),radial-gradient(120% 900px at 50% 0%,#fbf6ee 0%,var(--paper) 70%) no-repeat,var(--paper);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}a{color:var(--rose-deep)}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes breathe{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}.rise{animation:rise .7s cubic-bezier(.2,.8,.3,1) both}.gift-kicker{font-family:var(--ui);font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--rose)}.gift-kicker.center{text-align:center}.gift-q{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(40px,11.5vw,56px);line-height:1.02;letter-spacing:-.01em;text-align:center;color:var(--ink);text-wrap:balance}.gift-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:999px;font-family:var(--ui);font-weight:800;font-size:15.5px;letter-spacing:.01em;text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.3,1.5,.5,1),left .42s cubic-bezier(.25,1.35,.4,1),top .42s cubic-bezier(.25,1.35,.4,1),background .2s ease,box-shadow .2s ease}.gift-btn.primary{background:linear-gradient(180deg,#a8405a,#8a2c43);color:#fff6f2;box-shadow:0 12px 24px -12px #8a2c43bf,inset 0 1px #ffffff38}.gift-btn.quiet{background:#fffaf2d9;color:var(--ink);border-color:#3d2a2c38}.gift-btn.big{min-height:56px;padding:14px 34px;font-size:17px}.gift-btn:active:not(:disabled){translate:0 1px}.gift-btn:disabled{opacity:.45;cursor:default}.gift-btn:focus-visible,.gift-kind:focus-visible,.gift-bunch:focus-visible,.env:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.gift-stage{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;overflow:clip;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#fbf6ee 0%,var(--paper) 55%,#eadcc8 100%)}.gift-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);pointer-events:none}.gift-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gift-ambient .corner{position:absolute;width:min(62vw,320px);opacity:.22}.gift-ambient .corner.tl{top:-70px;left:-90px;transform:rotate(150deg);animation:sway 9s ease-in-out infinite}.gift-ambient .corner.br{bottom:-70px;right:-80px;transform:rotate(-24deg);animation:sway 12s ease-in-out infinite reverse}@keyframes sway{50%{rotate:5deg}}.gift-ambient .drift{position:absolute;left:-30px;border-radius:60% 0 60% 60%;background:linear-gradient(135deg,#f8d9de,#dc8d9f);opacity:.55;animation:drift linear infinite}@keyframes drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(55vw,60px) rotate(260deg)}to{transform:translate(calc(100vw + 60px),20px) rotate(520deg)}}.gift-col{position:relative;flex:1;width:100%;max-width:480px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;justify-content:center}.env{display:flex;flex-direction:column;align-items:center;gap:30px;padding:24px 0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:rise .9s cubic-bezier(.2,.8,.3,1) both}.env-float{display:block;perspective:1000px;animation:env-float 5s ease-in-out infinite}@keyframes env-float{50%{transform:translateY(-9px) rotate(-1.2deg)}}.env-body{position:relative;display:block;width:min(84vw,340px);aspect-ratio:1.42;perspective:900px;transform:rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transition:transform .35s ease;filter:drop-shadow(0 24px 24px rgba(80,50,30,.2)) drop-shadow(0 3px 4px rgba(80,50,30,.14))}.env-inside{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:linear-gradient(180deg,#d6c3a4,#e4d4ba)}.env-card{position:absolute;z-index:1;left:6%;right:6%;top:5%;height:88%;display:flex;justify-content:center;padding-top:11%;border-radius:3px;background:var(--card);box-shadow:0 1px 2px #00000014;font-family:var(--hand);font-size:26px;color:var(--rose-deep);transition:transform .8s cubic-bezier(.3,.8,.3,1) .42s}.env-pocket{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:5px}.env-press{position:absolute;z-index:2;left:3%;bottom:3%;width:46%;height:62%;pointer-events:none}.env-press img{position:absolute}.env-press .p1{width:74%;left:-6%;bottom:-4%;transform:rotate(-32deg)}.env-press .p2{width:56%;left:26%;bottom:10%;transform:rotate(-10deg)}.env-press .p3{width:42%;left:2%;bottom:38%;transform:rotate(16deg)}.env-name{position:absolute;z-index:2;right:8%;bottom:12%;font-family:var(--hand);font-size:clamp(26px,7.5vw,34px);line-height:1;color:#6d3440;transform:rotate(-5deg)}.env-flap{position:absolute;left:0;top:0;width:100%;height:59%;z-index:3;transform-origin:50% 0;transition:transform .65s cubic-bezier(.5,.1,.3,1),z-index 0s linear .33s;filter:drop-shadow(0 2px 2px rgba(80,50,30,.14))}.env-seal{position:absolute;left:50%;top:57%;z-index:4;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:47% 53% 49% 51%/52% 47% 53% 48%;background:radial-gradient(circle at 36% 30%,#c85a6e,#9a2b43 45%,#6f1a2e);box-shadow:0 3px 6px #3c0a1459,inset 0 -3px 6px #00000040,inset 0 2px 3px #fff3;transition:transform .42s cubic-bezier(.3,1.5,.5,1),opacity .38s ease .18s}.env-seal:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1.5px solid rgba(255,220,225,.22);box-shadow:inset 0 1px 2px #0000004d}.env-seal b{font-family:var(--display);font-style:italic;font-weight:600;font-size:32px;line-height:1;color:#eaa6b1;text-shadow:0 -1px 0 rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.18)}.env-tap{font-family:var(--display);font-style:italic;font-size:22px;color:var(--ink-soft);animation:breathe 2.6s ease-in-out infinite}.env.open{cursor:default}.env.open .env-float{animation-play-state:paused}.env.open .env-body{transform:none}.env.open .env-seal{transform:translateY(30px) rotate(28deg) scale(.9);opacity:0}.env.open .env-flap{transform:rotateX(180deg);z-index:0}.env.open .env-card{transform:translateY(-46%)}.env.open .env-tap{animation:none;opacity:0;transition:opacity .25s ease}.env.fade .env-float{animation:env-leave .45s ease .65s forwards}@keyframes env-leave{to{opacity:0;transform:translateY(-24px) scale(.96)}}.burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;pointer-events:none}.burst img{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);opacity:0;transform:rotate(var(--r)) scale(0);animation:bloom-in calc(.82s * var(--slow, 1)) cubic-bezier(.2,.85,.3,1.18) calc(var(--d) * var(--slow, 1)) forwards;will-change:transform,opacity}@keyframes bloom-in{0%{opacity:0;transform:rotate(calc(var(--r) - 60deg)) scale(0)}35%{opacity:1}to{opacity:1;transform:rotate(var(--r)) scale(1)}}.burst.out img{opacity:1;transform:rotate(var(--r)) scale(1);animation:bloom-out calc(.95s * var(--slow, 1)) cubic-bezier(.55,0,.75,.3) calc(var(--d2) * var(--slow, 1)) forwards}.burst canvas.swirl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes bloom-out{0%{opacity:1;transform:translate(0) rotate(var(--r)) scale(1)}to{opacity:0;transform:translate(var(--ox),var(--oy)) rotate(calc(var(--r) + 30deg)) scale(1.3)}}.gift-ask{display:flex;flex-direction:column;align-items:center;gap:14px}.gift-field{position:relative;width:100%;height:300px;margin-top:8px}.gift-pair{display:flex;justify-content:center;align-items:flex-start;gap:16px;padding-top:34px}.gift-btn.no.loose{position:absolute}.gift-btn.no.gave{background:linear-gradient(180deg,#a8405a,#8a2c43);border-color:transparent;color:#fff6f2}.gift-poof{position:absolute;width:0;height:0;pointer-events:none}.gift-poof i{position:absolute;width:10px;height:13px;margin:-6px -5px;border-radius:60% 0 60% 60%;background:linear-gradient(135deg,#f8d9de,#d9798f);transform:rotate(var(--a));animation:poof .7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes poof{to{transform:rotate(var(--a)) translateY(-46px) rotate(160deg) scale(.4);opacity:0}}.gift-yes{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.gift-yes-sub{margin-bottom:18px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--ink-soft)}.gift-petals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;width:100%;height:100%;pointer-events:none}.gift-letter-wrap{display:flex;flex-direction:column;gap:20px}.gift-song{display:flex;flex-direction:column;gap:10px}.gift-song-head{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-style:italic;font-size:20px;color:var(--ink-soft)}.gift-vinyl{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#c85a6e 0 17%,#1c1315 18% 21%,transparent 22%),repeating-radial-gradient(circle,#2b2224 0,#2b2224 2px,#3a2e30 2px,#3a2e30 3px);box-shadow:0 1px 3px #0000004d;animation:spin 3.2s linear infinite}.gift-song-frame{overflow:hidden;border-radius:16px;box-shadow:0 18px 30px -20px #3c1e1e8c}.gift-song-frame.yt{aspect-ratio:16 / 9;min-height:200px;background:#1c1315}.gift-song-frame.sp,.gift-song-frame.am{border-radius:12px}.gift-song-frame iframe{display:block;width:100%;height:100%;border:0}.gift-paper{position:relative;padding:46px 26px 30px;border-radius:4px;background:var(--grain),linear-gradient(180deg,#fffbf4,#fcf4e7);color:var(--ink);box-shadow:0 1px 1px #50321e14,0 26px 50px -28px #50321e80;cursor:default}.gift-paper:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(180,84,106,.24);border-radius:2px;pointer-events:none}.gift-tape{position:absolute;top:-13px;left:50%;width:112px;height:28px;margin-left:-56px;background:#cdbca099;transform:rotate(-3deg);clip-path:polygon(2% 0,98% 0,100% 20%,97% 40%,100% 60%,98% 100%,2% 100%,0 80%,3% 60%,0 40%,3% 20%)}.gift-pressed{position:absolute;top:-30px;right:-14px;width:124px;height:124px;pointer-events:none}.gift-pressed img{position:absolute}.gift-pressed .g{width:104px;right:12px;top:-4px;transform:rotate(44deg)}.gift-pressed .h{width:78px;right:-2px;top:18px;transform:rotate(-14deg)}.gift-dear{margin-bottom:14px;font-family:var(--hand);font-size:36px;line-height:1;color:var(--rose-deep)}.gift-words{min-height:4.8em;font-family:var(--serif);font-size:19px;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.gift-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--rose-deep);animation:blink 1s steps(2) infinite}.gift-sign{margin-top:20px;text-align:right;font-family:var(--hand);font-size:36px;line-height:1;color:var(--rose-deep);opacity:0;transform:translateY(6px);transition:opacity .8s ease,transform .8s ease}.gift-sign.in{opacity:1;transform:none}.gift-clock{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px;animation:rise .7s ease both}.gift-clock-row{display:flex}.gift-clock-row span{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:0 6px}.gift-clock-row span+span{border-left:1px solid var(--line)}.gift-clock-row b{font-family:var(--display);font-weight:600;font-size:38px;line-height:1.05;font-variant-numeric:lining-nums tabular-nums}.gift-clock-row small{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.gift-foot{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 16px 42px;animation:rise .7s ease both}.gift-made-with{font-family:var(--display);font-style:italic;font-size:18px;color:var(--ink-soft)}.gift-lost{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:var(--ink-soft);font-family:var(--serif);font-size:19px}.gift-previewbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fffaf2eb;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gift-previewbar button{border:0;background:none;color:var(--rose-deep);font-weight:800;cursor:pointer}.gift-make{position:relative;max-width:580px;margin:0 auto;padding:0 16px 48px}.gift-mast{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;font-size:14.5px}.gift-mast a{color:var(--ink);text-decoration:none}.gift-mast a:first-child{font-family:var(--display);font-style:italic;font-weight:600;font-size:19px}.gift-mast a:last-child{font-weight:800;color:var(--rose-deep)}.gift-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 12px;text-align:center}.gift-hero-flowers{position:relative;width:230px;height:150px}.gift-hero-flowers img{position:absolute;animation:rise .9s cubic-bezier(.2,.8,.3,1) both}.gift-hero-flowers .e{width:130px;left:6px;top:4px;rotate:-50deg}.gift-hero-flowers .a{width:128px;left:50px;top:12px;animation-delay:.12s}.gift-hero-flowers .b{width:104px;right:0;top:2px;animation-delay:.22s}.gift-hero-flowers .c{width:86px;left:0;top:58px;animation-delay:.32s}.gift-hero h1{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(38px,10vw,52px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.gift-hero p:last-child{max-width:440px;font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink-soft)}.gift-form{display:flex;flex-direction:column;gap:18px;margin-top:18px}.gift-step{display:flex;flex-direction:column;gap:16px;padding:20px 18px 22px;border-radius:20px;background:#fffaf2cc;border:1px solid rgba(61,42,44,.08);box-shadow:0 20px 40px -32px #50321e80}.gift-step-h{display:flex;align-items:center;gap:10px;font-family:var(--display);font-style:italic;font-weight:600;font-size:26px;line-height:1}.gift-step-h span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rose-deep);color:#fff6f2;font-family:var(--ui);font-style:normal;font-weight:800;font-size:14px}.gift-kinds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gift-kind{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.gift-kind.on{border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.gift-kind b{font-family:var(--display);font-style:italic;font-weight:600;font-size:22px;line-height:1.1}.gift-kind small{font-size:13px;line-height:1.4;color:var(--ink-soft)}.gift-kind-pic{position:relative;width:100%;height:74px;border-radius:10px;background:linear-gradient(180deg,#f6ece0,#efe2cf);overflow:hidden}.mini-env{position:absolute;left:50%;top:50%;width:78px;height:54px;margin:-27px 0 0 -39px;border-radius:3px;background:linear-gradient(to bottom right,transparent 49.4%,rgba(184,156,124,.4) 50%,transparent 50.6%) top / 100% 60% no-repeat,linear-gradient(to bottom left,transparent 49.4%,rgba(184,156,124,.4) 50%,transparent 50.6%) top / 100% 60% no-repeat,#f6ecdc;box-shadow:0 6px 10px -4px #50321e4d}.mini-seal{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-3px 0 0 -8px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#c85a6e,#8e2438)}.mini-yes,.mini-no{position:absolute;top:50%;padding:6px 14px;border-radius:999px;font-style:normal;font-weight:800;font-size:13px}.mini-yes{left:16%;margin-top:-16px;background:linear-gradient(180deg,#a8405a,#8a2c43);color:#fff6f2}.mini-no{right:10%;margin-top:2px;border:1px solid rgba(61,42,44,.25);background:var(--card);transform:rotate(12deg) scale(.85)}.gift-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gift-field-l{display:flex;flex-direction:column;gap:7px;min-width:0}.gift-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:800;font-size:14.5px}.gift-label small{font-weight:600;font-size:12.5px;color:var(--ink-soft);text-align:right}.gift-field-l input,.gift-field-l textarea,.gift-extra-body>input{width:100%;padding:12px 14px;border:1px solid rgba(61,42,44,.18);border-radius:12px;background:#fffdf9;font-size:16px;line-height:1.5}.gift-field-l textarea{resize:vertical;font-family:var(--serif);font-size:18px}.gift-field-l input:focus,.gift-field-l textarea:focus,.gift-extra-body>input:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.gift-chips{display:flex;flex-wrap:wrap;gap:6px}.gift-chips button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-soft);font-size:13px;font-weight:700;cursor:pointer}.gift-chips button.on{border-color:var(--rose);color:var(--rose-deep)}.gift-bunches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.gift-bunch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 10px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);font-size:12.5px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer}.gift-bunch.on{border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.gift-bunch-pic{position:relative;width:64px;height:56px}.gift-bunch-pic img{position:absolute;width:46px}.gift-bunch-pic img:first-child{left:0;top:8px}.gift-bunch-pic img:last-child{right:0;top:0}.gift-song-note{font-size:13.5px;font-weight:700}.gift-song-note.ok{color:#4f7a55}.gift-song-note.no{color:var(--rose-deep)}.gift-field-l input[type=date]{min-height:48px}.gift-actions{display:flex;flex-wrap:wrap;gap:10px}.gift-actions .gift-btn{flex:1 1 180px}.gift-need,.gift-stale,.gift-small{font-size:14px;line-height:1.5;color:var(--ink-soft)}.gift-stale{color:var(--rose-deep);font-weight:700}.gift-made{display:flex;flex-direction:column;gap:16px;margin-top:22px;padding:22px 18px;border-radius:20px;background:#fffaf2d9;border:1px solid rgba(61,42,44,.08);box-shadow:0 20px 40px -32px #50321e80;animation:rise .7s ease both}.gift-made h2{font-family:var(--display);font-style:italic;font-weight:600;font-size:34px;line-height:1;text-align:center}.gift-card{display:block;width:100%;max-width:360px;margin:0 auto;border-radius:14px;box-shadow:0 24px 40px -26px #50321e99}.gift-linkline{padding:10px 14px;border-radius:12px;background:#f5ebdc;font-size:14px;font-weight:700;color:var(--ink-soft);text-align:center;overflow-wrap:anywhere}.gift-porch{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:#eef2e8;font-size:14.5px;line-height:1.45}.gift-print{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px dashed rgba(180,84,106,.45);background:var(--card);color:var(--ink);text-decoration:none}.gift-print b{font-family:var(--display);font-style:italic;font-weight:600;font-size:23px;line-height:1.1}.gift-print small{font-size:13.5px;color:var(--ink-soft)}.gift-faq{margin-top:40px;padding:0 4px}.gift-faq h2{margin-bottom:8px;font-family:var(--display);font-style:italic;font-weight:600;font-size:26px}.gift-faq details{border-top:1px solid var(--line)}.gift-faq details:last-child{border-bottom:1px solid var(--line)}.gift-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;font-weight:800;font-size:15px;cursor:pointer;list-style:none}.gift-faq summary::-webkit-details-marker{display:none}.gift-faq summary:after{content:"+";flex:none;font-size:20px;font-weight:600;line-height:1;color:var(--rose);transition:transform .2s ease}.gift-faq details[open] summary:after{transform:rotate(45deg)}.gift-faq p{padding:0 2px 14px;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}.gift-foot.quiet{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding-top:32px;font-size:14px;animation:none}.gift-foot.quiet a{color:var(--ink-soft)}@media(max-width:380px){.gift-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.gift-stage *,.gift-make *{animation:none!important;transition:none!important}.gift-ambient .drift{display:none}}.gift-gate{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.gift-gate .gift-q{font-size:clamp(32px,9vw,44px)}.gate-lock{position:relative;width:34px;height:40px}.gate-lock .shackle{position:absolute;left:7px;top:0;width:20px;height:22px;border:3.5px solid var(--rose-deep);border-bottom:0;border-radius:12px 12px 0 0;transition:transform .5s cubic-bezier(.3,1.6,.5,1);transform-origin:100% 100%}.gate-lock .body{position:absolute;left:0;bottom:0;width:34px;height:24px;border-radius:7px;background:linear-gradient(180deg,#a8405a,#8a2c43)}.gift-gate.unlocked .gate-lock .shackle{transform:translateY(-7px) rotate(-18deg)}.gate-pad{display:flex;flex-direction:column;align-items:center;gap:22px}.gate-dots{display:flex;gap:14px;min-height:16px}.gate-dots i{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--rose);transition:background .15s ease,transform .15s ease}.gate-dots i.on{background:var(--rose);transform:scale(1.08)}.gate-dots.right i{background:var(--rose-deep);border-color:var(--rose-deep);animation:gate-glow .7s ease both}@keyframes gate-glow{50%{transform:scale(1.35)}}.shake{animation:gate-shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes gate-shake{10%,90%{translate:-2px 0}20%,80%{translate:4px 0}30%,50%,70%{translate:-7px 0}40%,60%{translate:7px 0}}.gate-keys{display:grid;grid-template-columns:repeat(3,72px);gap:14px 22px}.gate-keys button{width:72px;height:72px;border-radius:50%;border:1px solid rgba(61,42,44,.16);background:#fffaf2e6;box-shadow:0 10px 20px -16px #50321e99;font-family:var(--display);font-size:30px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .12s ease}.gate-keys button:active{background:#f3dde0;transform:scale(.94)}.gate-keys button.del{display:grid;place-items:center;border-color:transparent;background:none;box-shadow:none;color:var(--ink-soft)}.gate-keys button.del svg{width:28px;height:28px}.gate-say{min-height:1.5em;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink-soft)}.gate-say.in{color:var(--rose-deep)}.gate-hint{max-width:30ch;font-family:var(--serif);font-size:16px;color:var(--ink-soft)}.gate-hint.plain{font-family:var(--hand);font-size:24px;line-height:1.2;color:var(--rose-deep)}.gate-anyway{border:0;background:none;font-size:13.5px;font-weight:700;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gate-answer{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.gate-answer input{width:min(100%,320px);padding:14px 18px;border:1px solid rgba(61,42,44,.2);border-radius:999px;background:#fffdf9;font-family:var(--serif);font-size:20px;text-align:center}.gate-answer input:focus{outline:2px solid rgba(180,84,106,.4);outline-offset:2px}.gift-moments{display:flex;flex-direction:column;gap:14px;margin-top:40px}.moments-row{display:flex;gap:16px;margin:0 -16px;padding:14px 16px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.moments-row::-webkit-scrollbar{display:none}.moment{flex:0 0 78%;scroll-snap-align:center;padding:12px 12px 16px;border-radius:4px;background:#fffdf8;box-shadow:0 18px 30px -20px #50321e8c,0 1px 2px #50321e1f;rotate:var(--tilt)}.moment-photo{aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:#efe6d8}.moment-photo img{width:100%;height:100%;object-fit:cover;display:block;animation:rise .5s ease both}.moment-photo i{display:block;width:100%;height:100%}.moment-photo i.gone{background:#f8f2e8;box-shadow:inset 0 0 0 1px #3d2a2c0f}.moments-until{text-align:center;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.moment-photo i.wait{background:linear-gradient(100deg,#efe6d8 30%,#f7f0e5,#efe6d8 70%) 0 0 / 300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.moment figcaption{display:flex;flex-direction:column;gap:2px;padding-top:10px;text-align:center}.moment figcaption small{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}.moment figcaption span{font-family:var(--hand);font-size:23px;line-height:1.15;color:var(--ink)}.moments-rail{position:relative;display:flex;justify-content:space-between;padding:0 8px}.moments-rail:before{content:"";position:absolute;left:18px;right:18px;top:7px;height:1.5px;background:#b4546a4d}.moments-rail button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:24px;border:0;background:none;cursor:pointer}.moments-rail i{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--rose);background:var(--paper);transition:background .2s ease,transform .2s ease}.moments-rail button.on i{background:var(--rose);transform:scale(1.2)}.moments-rail small{font-size:10.5px;font-weight:800;color:var(--ink-soft);white-space:nowrap}.moments-rail button.on small{color:var(--rose-deep)}.gift-bouquet{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:40px}.gift-bouquet .bouquet{width:min(100%,380px);animation:bq-sway 7s ease-in-out infinite;transform-origin:50% 90%}@keyframes bq-sway{0%,to{rotate:-1.2deg}50%{rotate:1.2deg}}.bouquet{position:relative;width:100%;aspect-ratio:4 / 5;container-type:inline-size}.bouquet>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bq-back{z-index:0}.bq-front{z-index:2;pointer-events:none}.bq-stem{position:absolute;z-index:1;height:auto;transform:translate(-50%,-50%) rotate(var(--r))}.bq-stem.back{z-index:0}.gift-bouquet:not(.seen) .bq-stem{opacity:0}.gift-bouquet.seen .bouquet.grow .bq-stem{animation:bq-in .65s cubic-bezier(.2,.9,.3,1.25) var(--d) both}@keyframes bq-in{0%{opacity:0;transform:translate(-50%,-30%) rotate(var(--r)) scale(.3)}}.bq-card{position:absolute;z-index:3;right:3%;top:56%;max-width:40%;padding:2.4cqw 3cqw;border-radius:2px;background:#fffdf8;box-shadow:0 8px 16px -10px #50321e99;rotate:7deg;display:flex;flex-direction:column;gap:.6cqw}.bq-card span{font-family:var(--hand);font-size:5.4cqw;line-height:1.1;color:var(--ink)}.bq-card small{align-self:flex-end;font-family:var(--hand);font-size:4.4cqw;color:var(--rose-deep)}.gift-step-h small{margin-left:auto;font-family:var(--ui);font-style:normal;font-size:12px;font-weight:700;color:var(--ink-soft)}.gift-bunch.own .gift-bunch-pic{display:grid;place-items:center}.gift-bunch.own .plus{position:relative;width:40px;height:40px;border-radius:50%;border:1.5px dashed var(--rose)}.gift-bunch.own .plus:before,.gift-bunch.own .plus:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:var(--rose);border-radius:2px}.gift-bunch.own .plus:after{rotate:90deg}.gift-mix{display:flex;flex-direction:column;gap:10px;margin-top:4px}.gift-mix-note{font-size:13px;font-weight:700;color:var(--ink-soft)}.stem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.stem,.stem-add{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);font-size:11.5px;font-weight:800;line-height:1.15;text-align:center;color:var(--ink);cursor:pointer}.stem img,.stem-add img{width:52px;height:52px}.stem.on{border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.stem:disabled{opacity:.4;cursor:default}.stem-grid.counts .stem{padding:0;border:0;background:none;box-shadow:none}.stem-grid.counts .stem-add{width:100%}.stem-grid.counts .stem.on .stem-add{border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.stem-n{position:absolute;top:4px;left:6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--rose-deep);color:#fff6f2;font-size:12px;line-height:20px}.stem-less{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fffdf9;font-size:18px;font-weight:800;line-height:1;color:var(--rose-deep);cursor:pointer}.gift-extra{border:1.5px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.gift-extra.on{border-color:#b4546a80}.gift-extra-head{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:0;background:none;text-align:left;cursor:pointer}.gift-extra-head b{display:block;font-family:var(--display);font-style:italic;font-weight:600;font-size:21px;line-height:1.15}.gift-extra-head small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-soft)}.gift-switch{flex:none;position:relative;width:44px;height:26px;border-radius:13px;background:#3d2a2c29;transition:background .2s ease}.gift-switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.gift-extra.on .gift-switch{background:var(--rose)}.gift-extra.on .gift-switch i{transform:translate(18px)}.gift-extra-body{display:flex;flex-direction:column;gap:14px;padding:4px 14px 16px}.gift-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#3d2a2c12}.gift-seg button{min-height:38px;border:0;border-radius:999px;background:none;font-size:14px;font-weight:800;color:var(--ink-soft);cursor:pointer}.gift-seg button.on{background:#fffdf9;color:var(--rose-deep);box-shadow:0 2px 6px -2px #50321e59}.gift-open{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.gift-open .gift-seg{align-self:stretch}.gift-open .gift-small{margin:0}.bq-maker{display:flex;flex-direction:column;align-items:center;gap:10px}.bq-preview{display:grid;place-items:center;width:min(100%,260px);min-height:120px}.bq-tools{display:flex;align-items:center;gap:12px}.gift-btn.small{min-height:38px;padding:8px 16px;font-size:13.5px}.gift-chips.wraps button{display:inline-flex;align-items:center;gap:6px}.gift-chips.wraps i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #3d2a2c40}.moments-list{display:flex;flex-direction:column;gap:10px;list-style:none}.moments-list li{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}.moment-thumb{width:64px;height:80px;border-radius:6px;overflow:hidden;background:#efe6d8}.moment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.moment-fields{display:flex;flex-direction:column;gap:6px;min-width:0}.moment-fields input{width:100%;min-height:38px;padding:7px 10px;border:1px solid rgba(61,42,44,.18);border-radius:10px;background:#fffdf9;font-size:15px}.moment-order{display:flex;flex-direction:column;gap:4px}.moment-order button{width:30px;height:26px;border:1px solid var(--line);border-radius:8px;background:#fffdf9;font-weight:800;color:var(--ink-soft);cursor:pointer}.moment-order button:disabled{opacity:.35;cursor:default}.gift-strip{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.gift-strip img{width:96px;border-radius:3px;box-shadow:0 10px 20px -12px #50321e99}.gift-strip>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.gift-strip b{font-family:var(--display);font-style:italic;font-weight:600;font-size:22px}@media(prefers-reduced-motion:reduce){.gift-bouquet .bouquet,.moment-photo i.wait{animation:none}}.moment-photo{position:relative}.moment-photo canvas.scratch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab;transition:opacity .7s ease}.moment-photo canvas.scratch.done{opacity:0;pointer-events:none}.gift-check{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:.95rem}.gift-check input{width:18px;height:18px;accent-color:#8e2f45}.scrap-board{position:relative;overflow:hidden;container-type:size;background-color:var(--ground, #f4ecdf);background-image:var(--grain),var(--ground-wash, none)}.scrap-board>*{--u: min(1vw, .52vh)}@supports (width: 1cqw){.scrap-board>*{--u: min(1cqw, .52cqh)}}.scrap-piece{position:absolute;height:auto;pointer-events:none;user-select:none;-webkit-user-select:none}.ground-cream{--ground: #f4ecdf;--ground-wash: radial-gradient(120% 80% at 50% 0%, #fbf6ee 0%, #f4ecdf 55%, #eadcc8 100%)}.ground-kraft{--ground: #c4a174;--ground-wash: radial-gradient(130% 90% at 40% 20%, #d5b68c 0%, #c29d6f 60%, #a88356 100%)}.ground-sage{--ground: #cdd6c0;--ground-wash: radial-gradient(130% 90% at 50% 10%, #e0e6d6 0%, #c9d3bb 60%, #b1be9f 100%)}.ground-blush{--ground: #f1d6d2;--ground-wash: radial-gradient(130% 90% at 50% 10%, #faeae6 0%, #efd2cd 60%, #e0b5ae 100%)}.ground-night{--ground: #262b45;--ground-wash: radial-gradient(130% 90% at 70% 0%, #3a4268 0%, #262b45 55%, #181b2e 100%)}.scrap-fixed{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;pointer-events:none;animation:scrap-in .9s ease both}@keyframes scrap-in{0%{opacity:0}}.has-scrap .gift-ambient .corner{display:none}.has-scrap .gift-paper{rotate:-.5deg}.has-scrap .gift-kicker,.has-scrap .gift-song-head,.has-scrap .moments-until,.has-scrap .gift-made-with,.has-scrap .bd-hub-head,.has-scrap .bd-heart-label,.has-scrap .bd-hint{width:fit-content;max-width:100%;margin-inline:auto;padding:5px 12px;border-radius:3px;background:var(--grain),#fffaf2f0;box-shadow:0 6px 14px -8px #28181080}.has-scrap .gift-kicker{rotate:-1deg}.has-scrap .gift-song-head{align-self:center}.has-scrap .moments-rail,.has-scrap .gift-clock{padding:12px 10px;border-radius:4px;background:var(--grain),#fffaf2f0;box-shadow:0 10px 20px -12px #28181080}.page-pick{display:flex;flex-direction:column;gap:10px}.page-tiles{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.page-tiles::-webkit-scrollbar{display:none}.page-tile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;color:var(--ink-soft);font:inherit}.page-tile small{font-size:12px;font-weight:700}.page-mini{display:block;width:62px;aspect-ratio:9 / 16;border-radius:8px;box-shadow:0 0 0 1px var(--line),0 6px 12px -8px #3c1e1e80;transition:box-shadow .16s ease,transform .16s ease}.page-tile.on .page-mini{box-shadow:0 0 0 2.5px var(--rose),0 8px 16px -8px #3c1e1e80;transform:translateY(-2px)}.page-tile.on small{color:var(--rose-deep)}.page-make{align-self:flex-start}.page-ed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--grain),#efe6d8;color:var(--ink);font-family:var(--ui)}.page-ed-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#fffaf2eb;border-bottom:1px solid var(--line)}.page-ed-bar strong{font-family:var(--display);font-style:italic;font-size:22px}.page-ed-right{display:flex;align-items:center;gap:12px}.page-ed-link{border:0;background:none;font:inherit;font-weight:800;color:var(--rose-deep);cursor:pointer}.page-ed-link:disabled{opacity:.35;cursor:default}.page-ed-done{padding:8px 18px;min-height:0}.page-ed-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.page-ed-stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px 6px}.page-ed-board{height:min(56dvh,620px);aspect-ratio:9 / 19.5;border-radius:22px;box-shadow:0 0 0 7px #2b2324,0 24px 40px -18px #28141499;touch-action:none}.page-ed-ghostcheck{margin-top:4px;font-size:13px;color:var(--ink-soft)}.scrap-piece.ed{pointer-events:auto;padding:0;border:0;background:none;cursor:grab;touch-action:none;outline:none}.scrap-piece.ed img{display:block;width:100%;height:auto;pointer-events:none}.scrap-piece.ed.sel{outline:1.5px dashed var(--rose-deep);outline-offset:3px;cursor:grabbing}.scrap-piece.ed:focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px}.page-knob{position:absolute;right:-13px;bottom:-13px;width:26px;height:26px;border-radius:50%;background:var(--rose-deep);border:3px solid #fffaf2;box-shadow:0 2px 6px #28141466;cursor:nwse-resize;touch-action:none}.page-ghost{position:absolute;left:5%;right:5%;top:20%;bottom:22%;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(61,42,44,.45);border-radius:4px;background:#fffbf447;pointer-events:none}.page-ghost span{padding:4px 10px;border-radius:99px;background:#fffbf4d9;font-size:12px;font-weight:800;color:var(--ink-soft)}.page-ed-tools{display:flex;flex-direction:column;gap:16px;padding:10px 16px calc(24px + env(safe-area-inset-bottom))}.page-ed-help,.page-ed-name{font-size:14px;color:var(--ink-soft);text-align:center}.page-ed-name{font-weight:800;color:var(--ink);margin-bottom:8px}.page-ed-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:6px}.page-ed-row button{padding:8px 12px;border-radius:99px;border:1px solid var(--line);background:#fffaf2;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}.page-ed-row button:disabled{opacity:.4;cursor:default}.page-ed-row button.warn{color:var(--rose-deep)}.page-ed-block{display:flex;flex-direction:column;gap:8px}.page-ed-label{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}.page-ed-label small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--ink-soft)}.page-grounds{display:flex;gap:12px}.page-grounds button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;font:inherit;cursor:pointer;color:var(--ink-soft)}.page-grounds i{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.page-grounds button.on i{box-shadow:0 0 0 2.5px var(--rose)}.page-grounds small{font-size:11.5px;font-weight:700}.page-tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px}.page-tray button{aspect-ratio:1;display:grid;place-items:center;padding:6px;border-radius:12px;border:1px solid var(--line);background:#fffaf2;cursor:pointer}.page-tray button:disabled{opacity:.4;cursor:default}.page-tray img{max-width:100%;max-height:100%}@media(min-width:820px){.page-ed-main{flex-direction:row;align-items:flex-start;justify-content:center;gap:24px}.page-ed-stage{position:sticky;top:0;padding-top:22px}.page-ed-board{height:min(80dvh,760px)}.page-ed-tools{width:440px;padding-top:22px}}.gift-stage.is-book .gift-col{max-width:none}.gift-book-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.gift-book-wrap .gift-song{width:min(100%,440px)}.book{--pw: min(86vw, 400px, calc((100dvh - 230px) / 1.414));display:flex;flex-direction:column;align-items:center;gap:12px}.book.spread{--pw: min(40vw, 440px, calc((100dvh - 200px) / 1.414))}.book-stage{position:relative;width:var(--pw);height:calc(var(--pw) * 1.414);perspective:calc(var(--pw) * 3.5);outline:none;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.book.spread .book-stage{width:calc(var(--pw) * 2)}.book.single .book-stage{clip-path:inset(-14% -14% -14% 0)}.book-stage:focus-visible{outline:2px solid var(--rose);outline-offset:6px}.book-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .8s ease}.book-leaf{position:absolute;top:0;left:0;width:var(--pw);height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.35,.1,.2,1)}.book.spread .book-leaf{left:var(--pw)}.book-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 22px 40px -24px #28141499,0 1px 2px #28141429}.book-face.front{transform:rotateY(0) translateZ(.01px)}.book-face.back{transform:rotateY(180deg) translateZ(.01px);visibility:hidden}.book-face{transition:visibility 0s linear 283ms}.book-leaf.turned .book-face.back{visibility:visible}.book-leaf.turned .book-face.front{visibility:hidden}.book-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#1e0f0a2e,#1e0f0a00 8%)}.book-face.back:after{background:linear-gradient(270deg,#1e0f0a2e,#1e0f0a00 8%)}.book-face.is-cover:after{background:linear-gradient(90deg,#00000038,#0000 3%)}.book-nav{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;color:var(--ink-soft)}.book-nav button{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);font:inherit;font-weight:800;color:var(--rose-deep);cursor:pointer}.book-nav button:disabled{opacity:.35;cursor:default}.book-hint{font-family:var(--display);font-style:italic;font-size:17px;color:var(--ink-soft)}.has-scrap .book-nav,.has-scrap .book-hint{padding:5px 12px;border-radius:99px;background:var(--grain),#fffaf2f0;box-shadow:0 6px 14px -8px #28181080}.book-after{display:flex;flex-direction:column;gap:12px;width:min(100%,440px);margin:10px auto 0}.gift-small.center{text-align:center}@media(prefers-reduced-motion:reduce){.book-leaf,.book-body{transition:none}}.bp{--u: calc(var(--pw) / 100);position:relative;width:var(--pw);height:calc(var(--pw) * 1.414);overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 9) calc(var(--u) * 8);font-size:calc(var(--u) * 4.2);overflow-wrap:anywhere;color:var(--bk-ink);background:var(--grain),var(--bk-paper)}.bp>:not(.scrap-piece){position:relative}.bp .scrap-piece{pointer-events:none}.bp-names,.bp-date,.bp-since,.bp-made{font-family:var(--ui);font-weight:800;font-size:calc(var(--u) * 2.8);letter-spacing:.2em;text-transform:uppercase;color:var(--bk-accent)}.bp-title{text-wrap:balance;font-family:var(--display);font-style:italic;font-weight:600;font-size:calc(var(--u) * 11);line-height:1;text-align:center;color:var(--bk-accent)}.bp-head{align-self:flex-start;font-family:var(--hand);font-weight:700;font-size:calc(var(--u) * 10);line-height:1;color:var(--bk-accent)}.bp-cover-art{flex:1;min-height:0;width:100%;display:grid;place-items:center}.bp-pic{position:relative;overflow:hidden;background:#e9e0d2}.bp-pic img{display:block;width:100%;height:100%;object-fit:cover}.bp-pic i{display:block;width:100%;height:100%}.bp-pic i.wait{background:linear-gradient(100deg,#efe6d8 30%,#f7f0e5,#efe6d8 70%) 0 0 / 300% 100%;animation:shimmer 1.4s linear infinite}.bp-pic i.gone{background:#f8f2e8}.bp-pic canvas.scratch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;transition:opacity .7s ease}.bp-pic canvas.scratch.done{opacity:0;pointer-events:none}.bp-pic.heart,.bp-heart{width:calc(var(--u) * 70);aspect-ratio:10 / 9;clip-path:polygon(50% 97.8%,46.6% 94.9%,43.3% 92.1%,40% 89.1%,36.7% 86.1%,33.5% 83.1%,30.4% 80%,27.3% 76.8%,24.2% 73.5%,21.3% 70.1%,18.5% 66.7%,15.8% 63%,13.2% 59.3%,10.9% 55.4%,8.8% 51.3%,7% 47.1%,5.6% 42.7%,4.6% 38.1%,4.1% 33.4%,3.6% 28.8%,3.5% 24.1%,4.1% 19.5%,5.5% 15%,7.5% 10.9%,10.2% 7.3%,13.4% 4.2%,17% 1.9%,21% .3%,25.1% -.5%,29.4% -.5%,33.5% .4%,37.4% 2.1%,41% 4.6%,44.2% 7.7%,46.8% 11.4%,48.7% 15.5%,50% 20%,51.3% 15.5%,53.2% 11.4%,55.8% 7.7%,59% 4.6%,62.6% 2.1%,66.5% .4%,70.6% -.5%,74.9% -.5%,79% .3%,83% 1.9%,86.6% 4.2%,89.8% 7.3%,92.5% 10.9%,94.5% 15%,95.9% 19.5%,96.5% 24.1%,96.4% 28.8%,95.9% 33.4%,95.4% 38.1%,94.4% 42.7%,93% 47.1%,91.2% 51.3%,89.1% 55.4%,86.8% 59.3%,84.2% 63%,81.5% 66.7%,78.7% 70.1%,75.8% 73.5%,72.7% 76.8%,69.6% 80%,66.5% 83.1%,63.3% 86.1%,60% 89.1%,56.7% 92.1%,53.4% 94.9%)}.bp-heart{display:block;width:calc(var(--u) * 40);background:var(--bk-accent);opacity:.85}.bp-pic.polaroid{width:calc(var(--u) * 64);aspect-ratio:4 / 5;border:calc(var(--u) * 3) solid #fffdf8;border-bottom-width:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * -3) #28140a80;rotate:-3deg}.bp-strip{display:flex;flex-direction:column;gap:calc(var(--u) * 2);width:calc(var(--u) * 38);padding:calc(var(--u) * 2.4) calc(var(--u) * 2.4) calc(var(--u) * 7);background:#fffdf9;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 7) calc(var(--u) * -2) #0009;rotate:-4deg}.bp-strip .bp-pic{width:100%;aspect-ratio:4 / 3}.bp-inside{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 3)}.bp-for{font-family:var(--hand);font-weight:700;font-size:calc(var(--u) * 10);line-height:1;color:var(--bk-accent)}.bp-line{font-family:var(--display);font-style:italic;font-size:calc(var(--u) * 6.4);line-height:1.2}.bp-from{align-self:flex-end;font-family:var(--hand);font-weight:700;font-size:calc(var(--u) * 8.5);color:var(--bk-accent)}.bp-story{align-self:stretch;white-space:pre-line;font-family:var(--hand);font-weight:500;font-size:calc(var(--u) * 5.9);line-height:1.32}.bp-shot{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 3)}.bp-frame{position:relative;width:100%}.bp-frame .bp-pic{width:100%;height:100%}.bp-shot.v0 .bp-frame{flex:1;min-height:0}.bp-shot.v1 .bp-frame{width:80%;aspect-ratio:4 / 5;rotate:2deg}.bp-shot.v2 .bp-frame{width:90%;aspect-ratio:1;rotate:-1.5deg}.bp-shot figcaption{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 1);text-align:center}.bp-cap{font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 6.6);line-height:1.1}.bp-note{flex:1;width:100%;display:grid;place-items:center;filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 2.5) rgba(30,15,10,.35))}.bp-note p{width:86%;padding:calc(var(--u) * 10) calc(var(--u) * 8) calc(var(--u) * 13);background:var(--grain),#fbf6ec;font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 7.6);line-height:1.18;text-align:center;color:#3a2426;rotate:-2deg;clip-path:polygon(0 0,100% 0,100% 91%,96% 95%,91% 90%,86% 96%,81% 91%,75% 97%,70% 92%,64% 96%,58% 91%,52% 97%,46% 92%,40% 96%,34% 91%,28% 97%,22% 92%,16% 96%,10% 91%,5% 96%,0 92%)}.bp-note.v1 p{rotate:2.5deg}.bp-film{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center;gap:calc(var(--u) * 5)}.bp-reel{position:relative;display:flex;flex-direction:column;gap:calc(var(--u) * 2.2);width:calc(var(--u) * 37);padding:calc(var(--u) * 3) calc(var(--u) * 5.2);background:#141213;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #140a0a8c;rotate:-2deg}.bp-reel+.bp-reel{margin-top:calc(var(--u) * 10);rotate:1.6deg}.bp-reel:before,.bp-reel:after{content:"";position:absolute;top:calc(var(--u) * 1.4);bottom:calc(var(--u) * 1.4);width:calc(var(--u) * 2.2);background:repeating-linear-gradient(180deg,#efe9df 0 calc(var(--u) * 2.2),transparent calc(var(--u) * 2.2) calc(var(--u) * 4.6));border-radius:1px}.bp-reel:before{left:calc(var(--u) * 1.5)}.bp-reel:after{right:calc(var(--u) * 1.5)}.bp-reel figure{position:relative;margin:0}.bp-reel .bp-pic{width:100%;aspect-ratio:4 / 3}.bp-reel small{position:absolute;top:50%;right:calc(var(--u) * -4.3);translate:0 -50%;font-family:Courier New,ui-monospace,monospace;font-weight:700;font-size:calc(var(--u) * 2.2);color:#f39a4b}.bp-days{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 2);text-align:center}.bp-days b{font-family:var(--display);font-weight:600;font-size:calc(var(--u) * 24);line-height:1;color:var(--bk-accent);font-variant-numeric:lining-nums}.bp-days span{font-family:var(--display);font-style:italic;font-size:calc(var(--u) * 8);line-height:1}.page-back{justify-content:center}.bp-back-photo{flex:1;min-height:0;width:100%}.bp-back-photo .bp-pic{width:100%;height:100%}.bp-end{font-family:var(--hand);font-weight:700;font-size:calc(var(--u) * 9);line-height:1.05;text-align:center;color:var(--bk-accent)}.bp-made{margin-top:auto;font-size:calc(var(--u) * 2.2);opacity:.7}.page-back .bp-made{position:absolute;bottom:calc(var(--u) * 5)}.bp-head.is-track{font-size:calc(var(--u) * 7.4);line-height:1.05}.look-mag .bp-head.is-track{font-size:calc(var(--u) * 8.4)}.bp-record{flex:1 1 0;min-height:calc(var(--u) * 14);max-height:calc(var(--u) * 58);width:100%;display:flex;justify-content:center}.bp-record svg{width:100%;height:100%;overflow:visible}.bp-vinyl{transform-box:fill-box;transform-origin:center;animation:spin 1.8s linear infinite}.bp.print .bp-vinyl{animation:none}.bp-record .disc{fill:#151213}.bp-record .groove{fill:none;stroke:#ffffff12;stroke-width:.6}.bp-record .label{fill:var(--bk-accent)}.bp-record .hole{fill:#151213}.bp-record .label-text{font-family:var(--ui);font-weight:800;font-size:4.2px;letter-spacing:.06em;fill:#fff8f0}.bp-record .label-text.small{font-size:2.6px;letter-spacing:.3em}.bp-record .sleeve{fill:var(--bk-sleeve, #fbf6ec);stroke:#28140a1f;stroke-width:.4;filter:drop-shadow(1px 2px 2px rgba(40,20,10,.35))}.bp-record .sleeve-text{font-family:var(--ui);font-weight:800;font-size:4px;letter-spacing:.2em;text-transform:uppercase;fill:var(--bk-sleeve-ink, var(--bk-accent))}.bp-record .sleeve-heart{fill:var(--bk-sleeve-ink, var(--bk-accent))}.bp-why{max-width:94%;font-family:var(--display);font-style:italic;font-weight:500;font-size:calc(var(--u) * 4.3);line-height:1.18;text-align:center;text-wrap:balance}.bp-record .sleeve-band{fill:var(--bk-sleeve, #fbf6ec);opacity:.94}.bp-player{width:100%;flex:none;padding:calc(var(--u) * 1.4);background:#fffdf8;border-radius:calc(var(--u) * 1.2);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #140a0a8c;rotate:-.6deg}.bp-player iframe{display:block;width:100%;border:0;border-radius:calc(var(--u) * .6)}.bp-player.yt iframe{aspect-ratio:16 / 9}.bp-player.sp iframe{height:80px}.bp-player.am iframe{height:175px}.bp-firsts{align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin:0;padding:0 0 0 calc(var(--u) * 8);list-style:none;position:relative}.bp-firsts:before{content:"";position:absolute;left:calc(var(--u) * 2.4);top:calc(var(--u) * 4);bottom:calc(var(--u) * 4);border-left:calc(var(--u) * .5) dashed var(--bk-accent);opacity:.55}.bp-firsts li{position:relative;display:flex;flex-direction:column;gap:calc(var(--u) * .8)}.bp-firsts li:before{content:"";position:absolute;left:calc(var(--u) * -7.6);top:calc(var(--u) * .6);width:calc(var(--u) * 3.6);aspect-ratio:1;border-radius:50%;background:var(--bk-accent);box-shadow:0 0 0 calc(var(--u) * 1) var(--bk-dot-ring, #fbf6ec)}.bp-firsts span{font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 6.2);line-height:1.15}.bp-reasons{align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 3.2);margin:0;padding:0;list-style:none}.bp-reasons li{display:flex;align-items:baseline;gap:calc(var(--u) * 3)}.bp-reasons b{flex:none;width:calc(var(--u) * 6);font-family:var(--serif);font-style:italic;font-weight:600;font-size:calc(var(--u) * 7);line-height:1;text-align:right;color:var(--bk-accent)}.bp-reasons span{font-family:var(--hand);font-weight:500;font-size:calc(var(--u) * 6.4);line-height:1.2}.bp-reasons.many{gap:calc(var(--u) * 2.6)}.bp-reasons.many span{font-size:calc(var(--u) * 5.2)}.page-reasons .bp-head{font-size:calc(var(--u) * 9)}.page-line{justify-content:center}.bp-line-of-ours{font-family:var(--serif);font-style:italic;font-weight:500;font-size:calc(var(--u) * 9);line-height:1.15;text-align:center;color:var(--bk-accent);text-wrap:balance}.page-corners{justify-content:center}.bp-corners{display:flex;justify-content:center}.bp-corners i{--c: calc(var(--u) * 7);display:block;position:relative;border:calc(var(--u) * .3) dashed rgba(60,40,30,.22);background:linear-gradient(135deg,var(--bk-corner) 50%,transparent 50%) left top / var(--c) var(--c) no-repeat,linear-gradient(225deg,var(--bk-corner) 50%,transparent 50%) right top / var(--c) var(--c) no-repeat,linear-gradient(45deg,var(--bk-corner) 50%,transparent 50%) left bottom / var(--c) var(--c) no-repeat,linear-gradient(315deg,var(--bk-corner) 50%,transparent 50%) right bottom / var(--c) var(--c) no-repeat}.bp-corners.v0 i{width:calc(var(--u) * 66);aspect-ratio:4 / 5;rotate:-2deg}.bp-corners.v1{flex-direction:column;gap:0;padding:calc(var(--u) * 2.4);border:calc(var(--u) * .3) dashed rgba(60,40,30,.22);rotate:2deg}.bp-corners.v1 i{--c: calc(var(--u) * 4);width:calc(var(--u) * 28);aspect-ratio:4 / 3;border:none;margin-top:calc(var(--u) * 1.6)}.bp-corners.v1 i:first-child{margin-top:0}.bp>.bp-taped{position:absolute;top:0;right:0;bottom:0;left:0}.bp-tp{position:absolute;margin:0;padding:calc(var(--u) * 2.6) calc(var(--u) * 2.6) calc(var(--u) * 10);background:#fffdf8;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #28140a80}.bp-tp .bp-pic{width:100%;aspect-ratio:4 / 5}.bp-tp figcaption{position:absolute;left:calc(var(--u) * 3);right:calc(var(--u) * 3);bottom:calc(var(--u) * 2.4);overflow:hidden;font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 4.6);line-height:1.1;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#3a2426}.bp-tp.p0{left:calc(var(--u) * 6);top:calc(var(--u) * 9);width:calc(var(--u) * 48);rotate:-5deg}.bp-tp.p1{right:calc(var(--u) * 6);top:calc(var(--u) * 44);width:calc(var(--u) * 44);rotate:6deg}.bp-tp:before{content:"";position:absolute;z-index:1;left:50%;top:calc(var(--u) * -3);width:calc(var(--u) * 24);height:calc(var(--u) * 6.5);translate:-50% 0;rotate:-4deg;background:var(--bk-tape, rgba(243, 185, 198, .8));clip-path:polygon(2% 0,98% 0,100% 20%,97% 40%,100% 60%,97% 80%,99% 100%,1% 100%,3% 80%,0 60%,3% 40%,0 20%)}.bp-tp.p1:before{rotate:5deg;background:var(--bk-tape-2, rgba(191, 229, 205, .85))}.bp-ask{position:absolute;left:calc(var(--u) * 5);bottom:calc(var(--u) * 11);width:calc(var(--u) * 48);aspect-ratio:100 / 92;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2);padding-top:calc(var(--u) * 11);text-align:center;color:var(--bk-heart-ink, #fff8f0);rotate:-7deg;filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2) rgba(40,20,10,.4))}.bp-ask svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--bk-heart, var(--bk-accent))}.bp-ask p,.bp-ask-ticks{position:relative}.bp-ask p{max-width:76%;font-family:var(--hand);font-weight:700;font-size:calc(var(--u) * 6.2);line-height:1;text-wrap:balance}.bp-ask-ticks{display:flex;gap:calc(var(--u) * 3.4);font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 4.8);line-height:1}.bp-ask-ticks span{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.2)}.bp-ask-ticks i{width:calc(var(--u) * 3.4);aspect-ratio:1;border:calc(var(--u) * .45) solid currentColor;border-radius:calc(var(--u) * .5)}.bp-sticky{position:absolute;right:calc(var(--u) * 7);bottom:calc(var(--u) * 8);width:calc(var(--u) * 36);aspect-ratio:1;margin:0;display:grid;place-items:center;padding:calc(var(--u) * 5) calc(var(--u) * 4);background:linear-gradient(180deg,#efd35f,#fae68a 16%,#fbe993);box-shadow:0 calc(var(--u) * 2.4) calc(var(--u) * 3) calc(var(--u) * -1.6) #28140a73;font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 5.6);line-height:1.1;text-align:center;text-wrap:balance;color:#3a2c1c;rotate:4deg}.look-mag .bp-ask{--bk-heart: #c23a4e}.look-booth .bp-tp:before{--bk-tape: rgba(243, 162, 127, .75)}.look-romantic .bp{--bk-paper: linear-gradient(180deg, #fbf6ed, #f3e9da);--bk-ink: #3a2426;--bk-accent: #a3202f;--bk-sleeve: #a3202f;--bk-sleeve-ink: #fbeee6;--bk-corner: #3a2426;--bk-rule: rgba(163, 32, 47, .22);--bk-dot-ring: #f8f0e4}.look-romantic .bp-pic img{filter:grayscale(1) contrast(1.08)}.look-romantic .page-line,.look-romantic .page-paper,.look-romantic .page-photo.v1,.look-romantic .page-backside{--bk-paper: repeating-linear-gradient(90deg, #95202d 0 calc(var(--u) * 1.7), #ad3744 calc(var(--u) * 1.7) calc(var(--u) * 2));--bk-ink: #fbeee6;--bk-accent: #fbe3dc}.look-romantic .page-note{--bk-paper: repeating-linear-gradient(90deg, #ecd2cd 0 calc(var(--u) * 1.7), #f4e2dd calc(var(--u) * 1.7) calc(var(--u) * 2))}.look-romantic .page-line.v1,.look-romantic .page-line.v3,.look-romantic .page-line.v5{--bk-paper: linear-gradient(180deg, #fbf6ed, #f3e9da);--bk-ink: #3a2426;--bk-accent: #a3202f}.look-romantic .page-photo.v1 .bp-frame,.look-romantic .page-photo.v2 .bp-frame{border:calc(var(--u) * 2.4) solid #fffdf8;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #14050599}.look-booth .bp{--bk-paper: linear-gradient(180deg, #f5f2ec, #ebe6dd);--bk-ink: #1f1b1c;--bk-accent: #c9492a;--bk-sleeve: #f5f2ec;--bk-corner: #1f1b1c;--bk-rule: rgba(31, 27, 28, .16);--bk-dot-ring: #f0ece5}.look-booth .page-cover,.look-booth .page-song,.look-booth .page-line,.look-booth .page-note,.look-booth .page-paper,.look-booth .page-days,.look-booth .page-back,.look-booth .page-backside{--bk-paper: radial-gradient(120% 80% at 50% 0%, #2b2627, #181516);--bk-ink: #f4eee5;--bk-accent: #f3a27f}.look-booth .bp-title{color:#fff8ef}.look-booth .bp-shot .bp-frame{background:#fffdf9;padding:calc(var(--u) * 2.6);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #00000073}.look-booth .bp-shot.v1 .bp-frame{background:#141213;padding:calc(var(--u) * 8) calc(var(--u) * 2.6)}.look-booth .bp-shot.v1 .bp-frame:before,.look-booth .bp-shot.v1 .bp-frame:after{content:"";position:absolute;left:calc(var(--u) * 2);right:calc(var(--u) * 2);height:calc(var(--u) * 2.4);background:repeating-linear-gradient(90deg,#efe9df 0 calc(var(--u) * 2.6),transparent calc(var(--u) * 2.6) calc(var(--u) * 5.2));border-radius:1px}.look-booth .bp-shot.v1 .bp-frame:before{top:calc(var(--u) * 2.8)}.look-booth .bp-shot.v1 .bp-frame:after{bottom:calc(var(--u) * 2.8)}.bp-stamp{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * 5);z-index:2;font-family:Courier New,ui-monospace,monospace;font-weight:700;font-size:calc(var(--u) * 4);letter-spacing:.08em;color:#ff9a4a;text-shadow:0 0 calc(var(--u) * .8) #ff5a00}.look-booth .bp-shot.v1 .bp-stamp{bottom:calc(var(--u) * 11)}.look-booth .bp-story{font-family:var(--serif);font-size:calc(var(--u) * 4.8);line-height:1.5}.look-booth .bp-note p{background:#fffdf9;color:#1f1b1c;clip-path:none}.look-booth .page-paper{background:var(--grain),repeating-linear-gradient(90deg,#efe9df 0 calc(var(--u) * 3),transparent calc(var(--u) * 3) calc(var(--u) * 6)) calc(var(--u) * 4) calc(var(--u) * 6) / calc(100% - var(--u) * 8) calc(var(--u) * 3) no-repeat,repeating-linear-gradient(90deg,#efe9df 0 calc(var(--u) * 3),transparent calc(var(--u) * 3) calc(var(--u) * 6)) calc(var(--u) * 4) calc(100% - var(--u) * 6) / calc(100% - var(--u) * 8) calc(var(--u) * 3) no-repeat,var(--bk-paper)}.look-scrap .bp{--bk-paper: radial-gradient(130% 90% at 40% 10%, #dcc39e, #cbac81 70%, #b8966a);--bk-ink: #33241b;--bk-accent: #7e2438;--bk-sleeve: #fbf6ec;--bk-corner: #3b2a20;--bk-rule: rgba(80, 50, 30, .28);--bk-dot-ring: #cfb088}.look-scrap .bp-shot .bp-frame{border:calc(var(--u) * 2.6) solid #fffdf8;border-bottom-width:calc(var(--u) * 9);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #28140a8c}.look-scrap .bp-story{padding:calc(var(--u) * 5) calc(var(--u) * 5) calc(var(--u) * 6);background:var(--grain),repeating-linear-gradient(transparent 0 calc(var(--u) * 7.6),#c9d6e6 calc(var(--u) * 7.6),#c9d6e6 calc(var(--u) * 7.8)),#fdfaf2;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #28140a80;line-height:calc(var(--u) * 7.7);rotate:-.8deg}.look-scrap .bp-note p{background:var(--grain),repeating-linear-gradient(transparent 0 calc(var(--u) * 8.6),#c9d6e6 calc(var(--u) * 8.6),#c9d6e6 calc(var(--u) * 8.8)),#fdfaf2}.look-scrap .bp-title,.look-scrap .bp-names,.look-scrap .page-days .bp-date{padding:calc(var(--u) * 1.4) calc(var(--u) * 4);background:var(--grain),#fbf6ec;box-shadow:0 calc(var(--u) * 1.5) calc(var(--u) * 3) calc(var(--u) * -1.5) #28140a80}.look-scrap .bp-title{rotate:-2deg}.page-calendar{justify-content:center}.bp-month{align-self:center}.bp-month small{font-family:var(--ui);font-weight:800;font-size:.3em;letter-spacing:.2em;vertical-align:middle;opacity:.7}.bp-cal{width:100%;display:grid;grid-template-columns:repeat(7,1fr);row-gap:calc(var(--u) * 2.8);margin:calc(var(--u) * 3) 0;font-family:var(--display);font-weight:500;font-size:calc(var(--u) * 5.4);line-height:1;text-align:center;font-variant-numeric:lining-nums tabular-nums}.bp-cal i{font-family:var(--ui);font-style:normal;font-weight:800;font-size:calc(var(--u) * 2.6);letter-spacing:.1em;color:var(--bk-accent);opacity:.8}.bp-cal span{position:relative}.bp-cal span.on{font-weight:700;color:var(--bk-accent)}.bp-ring{position:absolute;left:50%;top:50%;width:calc(var(--u) * 12);translate:-50% -54%;overflow:visible;fill:none;stroke:var(--bk-accent);stroke-width:1.6;stroke-linecap:round}.bp-ring path{stroke-dasharray:1}.bp.seen:not(.print) .bp-ring path{animation:draw-ring 1.1s .6s ease-out backwards}@keyframes draw-ring{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.bp-weekday{font-family:var(--display);font-style:italic;font-weight:500;font-size:calc(var(--u) * 8);line-height:1.05}:is(.book,.book-print) .bp.page-moon{--bk-paper: radial-gradient(120% 75% at 50% 18%, #2c2440, #120f1c 72%);--bk-ink: #f1ebdf;--bk-accent: #e8d6ae;justify-content:center;gap:calc(var(--u) * 4)}:is(.book,.book-print).look-romantic .bp.page-moon{--bk-paper: radial-gradient(120% 75% at 50% 18%, #3d1a29, #170b12 72%)}:is(.book,.book-print).look-booth .bp.page-moon{--bk-paper: radial-gradient(120% 80% at 50% 0%, #2b2627, #141213)}:is(.book,.book-print).look-scrap .bp.page-moon{--bk-paper: radial-gradient(120% 75% at 50% 18%, #24345a, #101a30 72%)}.bp>.bp-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:#fff8e8;opacity:.85}.bp-stars .twinkle{animation:twinkle 3.4s ease-in-out infinite}.bp.print .bp-stars .twinkle{animation:none}@keyframes twinkle{50%{opacity:.2}}.bp-moon{width:calc(var(--u) * 62);aspect-ratio:1;overflow:visible;filter:drop-shadow(0 0 calc(var(--u) * 5) rgba(255,236,200,.3))}.bp-moon .moon-dark{fill:#ffffff12;stroke:#ffffff29;stroke-width:.5}.bp-moon .moon-seas circle{fill:#78685433}.bp-phase{font-family:var(--display);font-style:italic;font-weight:500;font-size:calc(var(--u) * 9);line-height:1}.bp.seen:not(.print) :is(.bp-title,.bp-for,.bp-end){animation:write-on 1.5s .45s cubic-bezier(.3,.1,.3,1) backwards}@keyframes write-on{0%{clip-path:inset(-15% 100% -15% -15%)}to{clip-path:inset(-15% -15% -15% -15%)}}@media(prefers-reduced-motion:reduce){.bp.seen :is(.bp-title,.bp-for,.bp-end),.bp.seen .bp-ring path,.bp-stars .twinkle{animation:none}}.look-mag .bp{--bk-paper: linear-gradient(180deg, #faf9f6, #f1efea);--bk-ink: #161515;--bk-accent: #161515;--bk-sleeve: #161515;--bk-sleeve-ink: #faf9f6;--bk-corner: #161515;--bk-dot-ring: #f5f3ef}.look-mag .bp-names,.look-mag .bp-date,.look-mag .bp-since,.look-mag .bp-made,.look-mag .bp-cal i{color:#8e1b2c}.look-mag .bp-pic img{filter:grayscale(1) contrast(1.1)}.look-mag :is(.page-cover,.page-note,.page-back,.page-paper,.page-line,.page-photo.v0,.page-moon) :is(.bp-date,.bp-made,.bp-since){color:#e8a0ab}.look-mag .bp-head{font-family:var(--display);font-style:italic;font-weight:600;font-size:calc(var(--u) * 12);line-height:.95;letter-spacing:-.01em;color:var(--bk-ink)}.look-mag .bp-head .lead{font-style:normal;font-weight:500;font-size:.5em;letter-spacing:.02em}.look-mag .page-reasons .bp-head{font-size:calc(var(--u) * 11)}.look-mag .bp-month{font-family:var(--bold);font-style:normal;font-weight:800;font-size:calc(var(--u) * 12);letter-spacing:-.03em;text-transform:lowercase}.look-mag .bp-story{font-family:var(--serif);font-size:calc(var(--u) * 4.8);line-height:1.5}.look-mag .bp-cap,.look-mag .bp-firsts span,.look-mag .bp-reasons span{font-family:var(--display);font-style:italic;font-weight:500}.look-mag .bp-reasons b{font-family:var(--bold);font-style:normal;font-weight:800}.look-mag .page-cover,.look-mag .page-note,.look-mag .page-back,.look-mag .page-paper,.look-mag .page-line.v1,.look-mag .page-line.v3,.look-mag .page-line.v5,.look-mag .page-photo.v0,.look-mag .page-backside{--bk-paper: #121111;--bk-ink: #f6f4ef;--bk-accent: #f6f4ef}:is(.book,.book-print).look-mag .bp.page-moon{--bk-paper: radial-gradient(120% 75% at 50% 18%, #1d1d1f, #0b0b0c 72%)}.look-mag .page-cover{justify-content:flex-end;align-items:flex-start;gap:calc(var(--u) * 2);padding:calc(var(--u) * 8) calc(var(--u) * 7)}.bp>.bp-bleed{position:absolute;top:0;right:0;bottom:0;left:0}.bp-bleed .bp-pic{width:100%;height:100%}.bp-bleed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 24%,transparent 46%,rgba(0,0,0,.6));pointer-events:none}.look-mag .page-cover .bp-names{position:absolute;top:calc(var(--u) * 7);left:0;right:0;font-family:var(--hand);font-weight:600;font-size:calc(var(--u) * 6);letter-spacing:0;text-transform:none;text-align:center;color:#fff}.look-mag .page-cover .bp-title{font-family:var(--bold);font-style:normal;font-weight:800;font-size:calc(var(--u) * 17);line-height:.86;letter-spacing:-.035em;text-align:left;text-transform:lowercase;color:#fff}.look-mag .page-cover .bp-since{color:#ffffffd9}.look-mag .page-photo.v0{padding:0}.look-mag .page-photo.v0 .bp-shot{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;gap:0}.look-mag .page-photo.v0 .bp-frame{position:absolute;top:0;right:0;bottom:0;left:0}.look-mag .page-photo.v0 figcaption{position:relative;align-self:stretch;align-items:flex-start;padding:calc(var(--u) * 24) calc(var(--u) * 7) calc(var(--u) * 8);text-align:left;color:#fff;background:linear-gradient(transparent,#0000009e)}.look-mag .page-photo.v0 .bp-date{color:#ffffffd9}.look-mag .page-photo.v1 .bp-frame{rotate:0deg;border:calc(var(--u) * 2.4) solid #fff;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * -2) #00000059}.look-mag .page-photo.v2 .bp-shot{justify-content:flex-start;align-items:flex-start}.look-mag .page-photo.v2 .bp-frame{width:100%;aspect-ratio:4 / 5;rotate:0deg}.look-mag .page-photo.v2 figcaption{align-items:flex-start;text-align:left}.look-mag .bp-note{filter:none}.look-mag .bp-note p{width:100%;padding:0;background:none;clip-path:none;rotate:0deg;font-family:var(--display);font-style:italic;font-weight:500;font-size:calc(var(--u) * 10);line-height:1.08;text-align:left;color:#f6f4ef}.look-mag .bp-note p:before{content:"“";display:block;height:.5em;font-size:2.4em;line-height:.9;color:#c23a4e}.look-mag .bp-line-of-ours{align-self:stretch;font-family:var(--bold);font-style:normal;font-weight:800;font-size:calc(var(--u) * 11);line-height:.92;letter-spacing:-.03em;text-align:left;text-transform:lowercase}.look-mag .bp-days b{font-family:var(--bold);font-weight:800;font-size:calc(var(--u) * 30);letter-spacing:-.04em}.look-mag .bp-end{font-family:var(--bold);font-weight:800;font-size:calc(var(--u) * 10);line-height:.92;letter-spacing:-.03em;text-transform:lowercase}.look-mag .bp-for,.look-mag .bp-from{color:var(--bk-ink)}.book-print{display:none}@media print{@page{size:148mm 210mm;margin:0}html,body{background:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.gift-stage.is-book{display:block;min-height:0;overflow:visible;background:none}.gift-stage.is-book:before,.gift-stage.is-book>*:not(.gift-col),.gift-stage.is-book .gift-col>*:not(.gift-book-wrap),.gift-stage.is-book .gift-book-wrap>*:not(.book-print){display:none!important}.gift-stage.is-book .gift-col{display:block;padding:0}.book-print{--pw: 148mm;display:block}.book-print .bp{break-after:page;page-break-after:always}}.mini-book{position:absolute;left:50%;top:50%;width:92px;height:56px;margin:-28px 0 0 -46px;background:linear-gradient(90deg,#fbf6ed 0,#fbf6ed 48%,#3c1e1e33 49%,#3c1e1e33 51%,#fbf6ed 52%),#fbf6ed;border-radius:2px;box-shadow:0 6px 10px -4px #50321e59;transform:perspective(200px) rotateX(18deg)}.mini-book:before{content:"";position:absolute;left:8%;top:14%;width:34%;height:58%;background:repeating-linear-gradient(90deg,#95202d 0,#95202d 3px,#ad3744 3px,#ad3744 4px)}.mini-book:after{content:"";position:absolute;right:9%;top:18%;width:30%;height:50%;background:linear-gradient(135deg,#8c8580,#3a3536);box-shadow:0 0 0 2px #fff}.book-looks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.book-look{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);text-align:left;font:inherit;cursor:pointer}.book-look.on{border-color:var(--rose);box-shadow:0 0 0 3px #b4546a24}.book-look b{font-family:var(--display);font-style:italic;font-weight:600;font-size:17px;line-height:1.1;color:var(--ink)}.book-look small{font-size:11.5px;line-height:1.35;color:var(--ink-soft)}.book-look-pic{width:100%;aspect-ratio:4 / 3;border-radius:8px}.book-look-pic.romantic{background:linear-gradient(#fbf6ed,#fbf6ed) 58% 50% / 30% 64% no-repeat,linear-gradient(#6d6766,#2f2b2c) 60% 50% / 22% 44% no-repeat,repeating-linear-gradient(90deg,#95202d 0,#95202d 4px,#ad3744 4px,#ad3744 5px)}.book-look-pic.booth{background:linear-gradient(#bfb6ae,#8f8781) 50% 22% / 26% 20% no-repeat,linear-gradient(#cfc7bf,#9d958f) 50% 50% / 26% 20% no-repeat,linear-gradient(#bfb6ae,#8f8781) 50% 78% / 26% 20% no-repeat,linear-gradient(#fffdf9,#fffdf9) 50% 50% / 34% 88% no-repeat,radial-gradient(120% 80% at 50% 0%,#2b2627,#181516)}.book-look-pic.scrap{background:linear-gradient(#f3b9c6d9,#f3b9c6d9) 50% 12% / 34% 10% no-repeat,linear-gradient(#e2c9a8,#c9a987) 50% 52% / 36% 44% no-repeat,linear-gradient(#fffdf8,#fffdf8) 50% 58% / 48% 66% no-repeat,radial-gradient(130% 90% at 40% 10%,#dcc39e,#cbac81 70%,#b8966a)}.book-look-pic.mag{background:linear-gradient(#fff,#fff) 14% 64% / 54% 9% no-repeat,linear-gradient(#fff,#fff) 14% 80% / 40% 9% no-repeat,radial-gradient(60% 50% at 56% 40%,#a19c98,transparent 70%),linear-gradient(180deg,#6f6a67,#1c1b1b)}.book-notes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.book-reasons,.book-firsts{display:flex;flex-direction:column;gap:8px}.book-first{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:8px}.book-track{margin-top:8px}.book-count{margin:0;padding:12px 14px;border-radius:14px;background:var(--card);border:1px dashed var(--line);font-size:14px;line-height:1.45;color:var(--ink-soft)}.book-count b{color:var(--rose-deep)}@media(max-width:420px){.book-looks{grid-template-columns:1fr}.book-look{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.book-look-pic{grid-row:1 / 3}.book-notes{grid-template-columns:1fr}.book-first{grid-template-columns:minmax(0,128px) minmax(0,1fr)}}.mini-cake{position:absolute;left:50%;bottom:8px;width:70px;height:28px;margin-left:-35px;border-radius:4px 4px 9px 9px/4px 4px 6px 6px;background:linear-gradient(180deg,#f3b6c2 0,#f3b6c2 30%,#fff6ee 31%);box-shadow:0 6px 10px -4px #50321e59,inset 0 -3px #dcbeaa99}.mini-cake:before{content:"";position:absolute;left:15px;right:15px;top:-18px;height:18px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#f3b6c2 0,#f3b6c2 34%,#fff6ee 35%)}.mini-candle{position:absolute;left:50%;bottom:54px;width:5px;height:10px;margin-left:-2.5px;border-radius:1px;background:repeating-linear-gradient(135deg,#d9788e 0,#d9788e 2px,#fff6ef 2px,#fff6ef 4px)}.mini-candle:after{content:"";position:absolute;left:50%;bottom:100%;width:6px;height:9px;margin-left:-3px;border-radius:50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 70%,#fffbe6,#ffcf5a 55%,#ff9a3c);transform-origin:50% 100%;animation:bd-flicker 1.2s ease-in-out infinite}.bd-cake{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.gift-q.bd-title{font-size:clamp(34px,9.5vw,48px)}.bd-svg{width:min(100%,360px);height:auto;overflow:visible;margin:2px 0 -2px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bd-plate{fill:#fbf6ee;stroke:#3d2a2c24;stroke-width:.8;filter:drop-shadow(0 6px 6px rgba(80,50,30,.18))}.bd-stand{fill:#f3e9dc;stroke:#3d2a2c1f;stroke-width:.6}.bd-stand-foot{fill:#e9dccb}.bd-top{fill:#f8d6dd}.bd-pearl{fill:#fffaf3;stroke:#e7d3c3;stroke-width:.6}.bd-icing-name{font-family:var(--hand);font-weight:700;font-size:25px;fill:var(--rose-deep)}.bd-digit{font-family:var(--bold);font-weight:800;font-size:64px;stroke:#c26f83;stroke-width:1.6;stroke-linejoin:round;paint-order:stroke}.bd-stick{stroke:#963c5059;stroke-width:.5}.bd-stick-top{fill:#fff6ef}.bd-wick{stroke:#3a2a28;stroke-width:1.3;stroke-linecap:round}.bd-flame{transform-box:view-box;transform-origin:var(--fx) var(--fy);transform:skew(calc(var(--lean, 0) * -26deg)) scaleY(calc(1 - var(--lean, 0) * .3));transition:transform 90ms linear,opacity .24s ease}.bd-flame path{transform-box:view-box;transform-origin:var(--fx) var(--fy);animation:bd-flicker 1.3s ease-in-out infinite;animation-delay:calc(var(--d) * -1)}@keyframes bd-flicker{0%,to{transform:scale(1) skew(0)}25%{transform:scale(.94,1.07) skew(2deg)}50%{transform:scale(1.04,.95) skew(-2deg)}75%{transform:scale(.97,1.03) skew(1deg)}}.bd-glow{animation:breathe 2.2s ease-in-out infinite}.bd-flame-root{fill:#8ab8ff;opacity:.5}.bd-candle.out .bd-flame{opacity:0;transform:scale(.15)}.bd-smoke{fill:none;stroke:#b8aca6;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;opacity:0}.bd-candle.out .bd-smoke{animation:bd-smoke 1.9s ease-out forwards}@keyframes bd-smoke{0%{opacity:.75;stroke-dashoffset:60}45%{opacity:.55;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0;transform:translateY(-14px)}}.bd-hit{fill:transparent;cursor:pointer}.bd-candle.out .bd-hit{cursor:default}.bd-candle:focus{outline:none}.bd-candle:focus-visible .bd-hit{stroke:var(--rose);stroke-width:1.5}.bd-say{min-height:112px;display:flex;flex-direction:column;align-items:center;gap:12px}.bd-say .gift-yes-sub{margin-bottom:0}.bd-hint{font-size:14px;color:var(--ink-soft);text-align:center}.bd-hub{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.bd-hub-title{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(32px,9vw,44px);line-height:1.05;text-wrap:balance}.bd-hub .gift-yes-sub{margin-bottom:10px}.bd-hearts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;width:100%}.bd-hearts.n3{grid-template-columns:repeat(3,1fr)}.bd-heart{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border:0;border-radius:14px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bd-heart:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.bd-heart-shape{position:relative;width:100%;max-width:132px;aspect-ratio:100 / 92;animation:bd-beat 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.bd-heart.seen .bd-heart-shape{animation:none}.bd-heart-shape svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bd-heart-shape path{fill:#fffaf2;stroke:var(--rose);stroke-width:2.4;filter:drop-shadow(0 8px 10px rgba(138,44,67,.22))}.bd-heart.seen .bd-heart-shape path{fill:#f6d3da}.bd-heart b{font-family:var(--display);font-style:italic;font-weight:600;font-size:21px;color:var(--ink)}.bd-heart small{font-size:12.5px;color:var(--ink-soft)}@keyframes bd-beat{0%,60%,to{transform:scale(1)}10%{transform:scale(1.06)}20%{transform:scale(.98)}30%{transform:scale(1.04)}}.bd-icon{position:absolute;left:50%;top:44%;translate:-50% -50%}.bd-icon.letter{width:46%;aspect-ratio:1.45;border:1.5px solid rgba(61,42,44,.22);border-radius:3px;background:#fbf1e4}.bd-icon.letter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#efdfc9;clip-path:polygon(0 0,100% 0,50% 62%)}.bd-icon.letter:after{content:"";position:absolute;left:50%;top:60%;width:26%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle at 35% 35%,#c24a61,#8a2c43)}.bd-icon.song{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c85a6e 0 17%,#1c1315 18% 21%,transparent 22%),repeating-radial-gradient(circle,#2b2224 0,#2b2224 2px,#3a2e30 2px,#3a2e30 3px);box-shadow:0 2px 5px #0000004d;animation:spin 3.2s linear infinite}.bd-icon.photos{width:38%;aspect-ratio:.84;padding:4px 4px 11px;background:#fff;box-shadow:0 2px 6px #3c1e1e40;rotate:-6deg}.bd-icon.photos:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(160deg,#d8c3b4,#86716b)}.bd-icon.flowers{width:54%}.bd-icon.flowers img{display:block;width:100%}.bd-room{display:flex;flex-direction:column;gap:20px}.bd-room.away{position:fixed;top:0;left:-300vw;width:min(480px,100vw);pointer-events:none}.gift-btn.bd-back{align-self:center}.bd-song{display:flex;flex-direction:column;gap:14px;--bk-accent: var(--rose-deep);--bk-sleeve: #fbf1ea;--bk-sleeve-ink: var(--rose-deep)}.bd-song .bp-record{flex:none;min-height:0;max-height:none}.bd-song .bp-record svg{height:auto}.gift-field.still{height:auto}.gift-field.still .gift-pair{padding:22px 0 12px}.bd-cry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#3d2a2c52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bd-fade .26s ease both}@keyframes bd-fade{0%{opacity:0}}.bd-cry-card{width:min(100%,360px);padding:20px 20px 24px;border-radius:22px;background:var(--grain),linear-gradient(180deg,#fffbf4,#fcf4e7);box-shadow:0 30px 60px -30px #3c1e1e8c;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.bd-cry-card .gift-btn{white-space:normal}.bd-cry-line{font-family:var(--display);font-style:italic;font-weight:600;font-size:25px;line-height:1.15;text-wrap:balance}.bd-bear{width:210px;height:210px;overflow:visible}.bd-bear .fur{fill:#e9cfae}.bd-bear .fur-dark{fill:#dcbc96}.bd-bear .ear{fill:#f0b9b3}.bd-bear .belly{fill:#f8ead6}.bd-bear .cheek{fill:#f4a4b1;opacity:.75}.bd-bear .ink{fill:#3a2426}.bd-bear .shine{fill:#fff}.bd-bear .pool{fill:#a9d8f5;opacity:.9}.bd-bear .stream{fill:none;stroke:#9fd2f3;stroke-width:4.5;stroke-linecap:round;opacity:.85}.bd-bear .mouth{fill:none;stroke:#3a2426;stroke-width:2.6;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:bd-wobble .45s ease-in-out infinite alternate}.bd-bear .brow{stroke:#9a7a5c;stroke-width:3;stroke-linecap:round}.bd-bear .scarf{fill:#b4546a}.bd-bear .stem{fill:none;stroke:#6f8f5f;stroke-width:2.6;stroke-linecap:round}.bd-bear .drop{fill:#9fd2f3;opacity:0;animation:bd-tear 1.4s ease-in infinite}.bd-bear .d2{animation-delay:.5s}.bd-bear .d3{animation-delay:.9s}.bd-bear .d4{animation-delay:.25s}.bd-bear-sob{transform-box:view-box;transform-origin:100px 195px;animation:bd-sob .9s ease-in-out infinite}.bd-bear-flower{transform-box:view-box;transform-origin:128px 116px;animation:bd-droop 1.4s cubic-bezier(.5,0,.3,1.4) .5s forwards}@keyframes bd-sob{0%,to{transform:scale(1)}30%{transform:scale(1.015,.975)}60%{transform:scale(.99,1.01)}}@keyframes bd-wobble{to{transform:scaleX(.86) translateY(1px)}}@keyframes bd-droop{to{transform:rotate(40deg)}}@keyframes bd-tear{0%{opacity:0;transform:translateY(0)}12%{opacity:1}to{opacity:0;transform:translateY(46px)}}@media(prefers-reduced-motion:reduce){.bd-flame path,.bd-glow,.bd-heart-shape,.bd-icon.song,.bd-bear-sob,.bd-bear .mouth,.bd-bear .drop,.mini-candle:after{animation:none}.bd-bear .drop{opacity:0}.bd-bear-flower{animation:none;transform:rotate(40deg)}}.bd-heart-label{display:flex;flex-direction:column;align-items:center}.has-scrap .bd-hub-head{padding:12px 18px 14px;rotate:.6deg}.has-scrap .bd-hub-head .gift-yes-sub{margin-bottom:0}.has-scrap .bd-heart-label{padding:3px 10px 4px}.card-board{aspect-ratio:2 / 3}.card-board>*{--u: 1vw}@supports (width: 1cqw){.card-board>*{--u: 1cqw}}.scrap-words{position:absolute;width:max-content;max-width:calc(var(--u) * 92);white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.1;pointer-events:none;user-select:none;-webkit-user-select:none}.scrap-words.f-hand{font-family:var(--hand);font-weight:700;line-height:1}.scrap-words.f-serif{font-family:var(--serif);font-style:italic}.scrap-words.f-bold{font-family:var(--bold);font-weight:800;letter-spacing:-.02em;line-height:1}.gift-kinds>.gift-kind:last-child:nth-child(odd){grid-column:1 / -1}.mini-card{position:absolute;left:50%;top:9px;width:40px;height:58px;margin-left:-20px;border-radius:2px;background:var(--grain),#fffaf2;box-shadow:0 6px 10px -4px #50321e59;transform:rotate(-5deg)}.mini-card:before{content:"";position:absolute;top:-4px;left:12px;width:17px;height:7px;background:#f3b9c6d9;transform:rotate(4deg)}.mini-card:after{content:"";position:absolute;right:6px;bottom:7px;width:8px;height:8px;border-radius:50% 50% 0;background:#e2536c;transform:rotate(45deg)}.mini-words{position:absolute;left:50%;top:27px;font:700 15px/1 var(--hand);font-style:normal;color:#8e2f45;transform:translate(-52%) rotate(-11deg)}.card-make{display:flex;align-items:center;gap:16px}.card-make-pic{position:relative;flex:none;width:116px;padding:0;border:0;background:none;cursor:pointer}.card-mini{width:100%;border-radius:3px;box-shadow:0 1px 2px #3c1e1433,0 14px 24px -14px #28141480}.card-make-empty{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-items:center;border:1.5px dashed rgba(61,42,44,.25);border-radius:3px;font:700 21px/1 var(--hand);color:var(--ink-soft)}.card-make-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.page-ed-board.card-board{height:min(52dvh,560px);border-radius:3px;box-shadow:0 1px 2px #3c1e1433,0 24px 40px -18px #2814148c}@media(min-width:820px){.page-ed-board.card-board{height:min(78dvh,720px)}}.page-ed-tabs{display:flex}.page-ed-tabs button{flex:1 1 auto;padding:0 7px;font-size:13px;white-space:nowrap}.card-ed-write{gap:10px}.card-ed-words{width:100%;min-height:62px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);font:600 16px/1.35 var(--ui);color:var(--ink);resize:vertical}.card-ed-words:focus{outline:none;border-color:var(--rose)}.card-ed-pen{display:flex;flex-direction:column;gap:10px}.card-ed-fonts{grid-template-columns:repeat(3,1fr)}.card-ed-fonts .f-hand{font-family:var(--hand);font-size:19px;font-weight:700}.card-ed-fonts .f-serif{font-family:var(--serif);font-size:16px;font-style:italic;font-weight:500}.card-ed-fonts .f-bold{font-family:var(--bold)}.card-ed-inks{display:flex;justify-content:center;gap:12px}.card-ed-inks button{width:34px;height:34px;padding:0;border:2px solid rgba(61,42,44,.18);border-radius:50%;cursor:pointer}.card-ed-inks button.on{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--rose-deep)}.card-ed-record{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1.5px dashed var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.card-ed-record:disabled{opacity:.5}.card-ed-record img{width:74px}.card-ed-record b{display:block;font-size:15px}.card-ed-record small{font-size:13px;color:var(--ink-soft)}.card-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.card-wrap>.gift-kicker,.card-wrap>.gift-song,.card-paper{align-self:stretch}.card-frame{width:min(100%,calc((100dvh - 150px) * 2 / 3));min-width:min(100%,250px)}.card-frame.go:not(.done){cursor:pointer}.card-frame .card-board{width:100%;border-radius:3px;box-shadow:0 1px 1px #50321e1a,0 30px 50px -26px #50321e8c}.card-in{opacity:0}.card-frame.go .card-in{animation:card-drop var(--t) cubic-bezier(.25,.8,.3,1) var(--d) both}.card-frame.go .card-in.pen{animation-name:card-pen;animation-timing-function:ease-in-out}.card-frame.done .card-in{animation:none;opacity:1}@keyframes card-drop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) scale(1.4)}55%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(1)}}@keyframes card-pen{0%{opacity:1;clip-path:inset(-30% 100% -30% -10%)}to{opacity:1;clip-path:inset(-30% -10% -30% -10%)}}.card-record{pointer-events:auto;padding:0;border:0;background:none;cursor:pointer}.card-record img{display:block;width:100%;height:auto}.card-record:focus-visible{outline:2px solid var(--rose-deep);outline-offset:4px}.card-frame.done .card-record.calls{animation:card-call 3s ease-in-out .6s infinite}@keyframes card-call{0%,70%,to{transform:translate(-50%,-50%) rotate(var(--r))}77%{transform:translate(-50%,-50%) rotate(calc(var(--r) - 6deg)) scale(1.04)}85%{transform:translate(-50%,-50%) rotate(calc(var(--r) + 4deg)) scale(1.04)}93%{transform:translate(-50%,-50%) rotate(calc(var(--r) - 2deg))}}.card-hint{margin-top:-6px}.card-paper{display:flex;flex-direction:column;gap:12px}.card-paper>.gift-btn{align-self:center}.card-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#3d2a2c52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bd-fade .26s ease both}.card-sheet.away{left:-300vw;right:auto;width:100vw;pointer-events:none}.card-sheet-card{width:min(100%,420px);padding:18px 16px 20px;border-radius:22px;background:var(--grain),linear-gradient(180deg,#fffbf4,#fcf4e7);box-shadow:0 30px 60px -30px #3c1e1e8c}.card-sheet-card .bp-record svg{max-height:150px}.card-sheet-card>.gift-btn{align-self:center}@media(prefers-reduced-motion:reduce){.card-frame .card-in,.card-frame.done .card-record.calls{animation:none;opacity:1}}@media print{.gift-stage.is-card{display:block;min-height:0;overflow:visible;background:none}.gift-stage.is-card:before,.gift-stage.is-card>*:not(.gift-col),.gift-stage.is-card .gift-col>*:not(.card-wrap),.gift-stage.is-card .card-wrap>*:not(.card-frame),.card-sheet{display:none!important}.gift-stage.is-card .gift-col{display:block;max-width:none;padding:0}.gift-stage.is-card .card-frame{width:4in;min-width:0}.gift-stage.is-card .card-board{border-radius:0;box-shadow:none}.gift-stage.is-card .card-in{animation:none!important;opacity:1!important;clip-path:none!important}}.catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;animation:catch-in .5s ease both}@keyframes catch-in{0%{opacity:0}}.catch-picnic{background:radial-gradient(140% 60% at 50% 108%,#cfe0bf 0 38%,transparent 38.5%),radial-gradient(90% 55% at 15% 105%,#bfd5ae 0 40%,transparent 40.5%),linear-gradient(#fdf4e8,#f6e7d4 70%);color:var(--ink)}.catch-picnic:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-2%;height:13%;border-radius:50% 50% 0 0/22px 22px 0 0;background:repeating-linear-gradient(90deg,rgba(201,86,111,.42) 0 16px,transparent 16px 32px),repeating-linear-gradient(0deg,rgba(201,86,111,.42) 0 16px,transparent 16px 32px),#fff7ef;box-shadow:0 -3px 14px #7846321f}.catch-stars{background:radial-gradient(120% 80% at 50% 0%,#2b2a5c,#171840 55%,#0c0d26);color:#f4ecdf}.catch-sky{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 42%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 44% 12%,#ffe7a3 50%,transparent 51%),radial-gradient(1px 1px at 63% 30%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 78% 16%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 48%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 20% 66%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 52% 58%,#ffe7a3 50%,transparent 51%),radial-gradient(1.2px 1.2px at 71% 72%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 8% 84%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 93% 80%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 36% 88%,#fff 50%,transparent 51%);background-size:100% 100%;animation:catch-twinkle 3.2s ease-in-out infinite alternate}@keyframes catch-twinkle{0%{opacity:.55}to{opacity:1}}.catch-head{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 56px);padding:0 20px;text-align:center;pointer-events:none}.catch-head h1{margin:6px 0;font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(30px,7vw,42px);line-height:1.05}.catch-says{max-width:34ch;margin:0 auto;font-family:var(--serif);font-size:17px;line-height:1.4;opacity:.85}.catch-count{display:inline-block;margin-top:12px;padding:4px 14px;border-radius:999px;background:#fffaf2cc;color:var(--rose-deep);font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}.catch-stars .gift-kicker{color:#e8b9c5}.catch-stars .catch-count{background:#ffffff1f;color:#ffe7a3}.catch-thing{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.catch-thing img,.catch-thing svg,.catch-in img,.catch-in svg{display:block;width:100%;height:100%}.catch-thing.is-star svg{filter:drop-shadow(0 0 6px rgba(255,221,140,.9))}.catch-thing.is-heart svg,.catch-thing.is-env svg{filter:drop-shadow(0 3px 4px rgba(90,40,40,.18))}.catch-basket{position:absolute;left:0;top:0;pointer-events:none}.catch-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.catch-picnic .catch-svg{filter:drop-shadow(0 6px 8px rgba(90,50,20,.22))}.catch-kept{position:absolute;top:0;right:0;bottom:0;left:0}.catch-in{position:absolute;top:2%;width:34%;aspect-ratio:1;translate:-50% 0}.catch-glow{position:absolute;top:8%;right:0;bottom:0;left:0;border-radius:40%;background:radial-gradient(closest-side,#ffdd8cbf,#ffdd8c00);filter:blur(8px);transition:opacity .4s ease}.catch-jarstar{filter:drop-shadow(0 0 2.5px #ffdd8c)}.catch-pop{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:2px solid #c9566f;pointer-events:none;animation:catch-pop .65s ease-out both}.catch-stars .catch-pop{border-color:#ffe7a3;box-shadow:0 0 12px #ffdd8ccc}@keyframes catch-pop{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.5);opacity:0}}.catch.full .catch-basket>*{animation:catch-hop .6s ease 2;transform-origin:50% 100%}@keyframes catch-hop{40%{transform:translateY(-10%) scale(1.04)}}.catch-stars.full .catch-glow{opacity:1!important;top:-30%;right:-40%;bottom:-10%;left:-40%}.catch-how{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);translate:-50% 0;margin:0;padding:3px 12px;border-radius:999px;background:#fffaf2d9;color:var(--ink-soft);font-size:12.5px;font-weight:700;white-space:nowrap;pointer-events:none}.catch-how:empty{display:none}.catch-stars .catch-how{background:#ffffff1a;color:#f4ecdfcc}.catch-skip{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:12px;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fffaf2e6;color:var(--ink);font:800 14px var(--ui);cursor:pointer}.catch-stars .catch-skip{background:#ffffff1f;border-color:#ffffff40;color:#f4ecdf}.gift-seg.three{grid-template-columns:repeat(3,1fr)}.gift-seg.three button{padding:0 6px;line-height:1.15}.gift-stage:has(>.gift-previewbar) .catch{top:45px}.catch-picnic:after{z-index:1}.catch-basket,.catch-how{z-index:2}.keep{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:460px;margin:0 auto;padding:28px 16px 20px;text-align:center}.keep-title{margin:0;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(28px,7vw,36px);line-height:1.1;color:var(--ink)}.keep-say{margin:0;max-width:30ch;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink-soft)}.keep-locket{--w: clamp(118px, 36vw, 158px)}.lk{position:relative;margin:calc(var(--w) * .62) 0 4px;padding:0;border:0;background:none;cursor:pointer;perspective:1100px;-webkit-tap-highlight-color:transparent;transform-origin:50% calc(var(--w) * -.6);animation:lk-sway 4.8s ease-in-out infinite}.lk.open{animation:none}.lk:focus-visible{outline:2px solid var(--rose);outline-offset:8px;border-radius:12px}.lk-pair{position:relative;display:block;width:calc(var(--w) * 2);height:calc(var(--w) * .92);transform:translate(calc(var(--w) * -.5));transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.lk.open .lk-pair{transform:none}.lk-base,.lk-lid{position:absolute;top:0;left:50%;width:var(--w);height:100%}.lk-lid{transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.45,0,.55,1)}.lk.open .lk-lid{transform:rotateY(-180deg)}.lk-front,.lk-back{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lk-back{transform:rotateY(180deg)}.lk-front,.lk-back{transition:visibility 0s linear .5s}.lk-back,.lk.open .lk-front{visibility:hidden}.lk.open .lk-back{visibility:visible}.lk-front .lk-svg,.lk-back .lk-svg{-webkit-backface-visibility:hidden;backface-visibility:hidden}.lk-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 10px rgba(90,60,20,.28))}.lk-chain{position:absolute;left:-10%;bottom:76%;width:120%;height:auto;overflow:visible}.lk-engrave{font-family:var(--hand);font-size:15px;fill:#7a5418;stroke:#fff3c8;stroke-width:.25;paint-order:stroke}.lk-initial{font-family:var(--display);font-style:italic;font-size:34px;fill:#9a7030}.lk-names{display:flex;width:calc(var(--w) * 2);font-family:var(--hand);font-size:22px;color:var(--rose);opacity:0;transition:opacity .5s .6s}.lk-names span{flex:1}.lk-names.on{opacity:1}@keyframes lk-sway{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}.ks-paper{width:min(100%,360px);margin:8px 0 4px;padding:18px 14px 12px;border-radius:6px;background:#fffaf2;box-shadow:0 1px 2px #3c1e141f,0 10px 26px #3c1e141a}.ks-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation}.ks-paper.landed .ks-svg{cursor:pointer}.ks-mark{fill:#c21e4a;transform-box:fill-box;transform-origin:center;opacity:0;animation:ks-press .34s cubic-bezier(.2,.9,.3,1.2) forwards}.ks-mark.mine{fill:#d0508e}@keyframes ks-press{0%{opacity:0;transform:scale(1.55)}to{opacity:1;transform:scale(1)}}.ks-line{opacity:0;transition:opacity .6s}.ks-line.on{opacity:1}.ks-back{min-height:1.45em;font-style:italic}.hp-svg{display:block;width:min(100%,320px);height:auto;margin-top:4px;overflow:visible}.hp-petal{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.3,.8,.3,1.3),filter .35s}.hp-petal.wish{cursor:pointer}.hp-petal.wish:focus-visible{outline:none;filter:drop-shadow(0 0 3px var(--rose))}.hp-petal.on{transform:scale(1.1);filter:drop-shadow(0 4px 6px rgba(160,50,80,.35))}.hp-wish{min-height:1.3em;margin:-6px 0 0;padding:0 .3em;font-family:var(--hand);font-size:clamp(30px,8vw,38px);line-height:1.2;color:var(--rose)}.hp-wish.on{animation:hp-rise .45s ease both}@keyframes hp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lk,.lk-pair,.lk-lid,.hp-petal{animation:none;transition:none}.ks-mark{animation:none;opacity:1}}.bd-heart-shape .bd-keep-icon{position:static;display:block;width:48px;height:auto}.bd-icon.kisses .bd-keep-icon{width:54px}.bd-heart-shape .bd-keep-icon path{filter:none;stroke-width:1.3}.bd-icon.locket .bd-keep-icon path{fill:#e9c46a;stroke:#a87a2c}.bd-icon.locket .bd-keep-icon path.chain{fill:none;stroke:#c8962f;stroke-width:1.6;stroke-dasharray:2 1.4}.bd-icon.kisses .bd-keep-icon path{fill:#c21e4a;stroke:none}.bd-icon.hopes .bd-keep-icon path{fill:#f3a4b8;stroke:#d77590}.bd-hearts.n5,.bd-hearts.n6,.bd-hearts.n7{grid-template-columns:repeat(3,1fr)}.lk-pick{display:flex;flex-direction:column;gap:6px}.lk-pick-row{display:flex;gap:8px;overflow-x:auto;padding:3px}.lk-pick-row button{flex:none;padding:0;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer}.lk-pick-row button.on{border-color:var(--rose)}.lk-pick-row .moment-thumb{display:block;width:52px;height:64px}.lk-pick-row .lk-pick-none{width:56px;height:68px;border:1px dashed var(--line);background:#f3e3bf;color:#9a7030;font-family:var(--display);font-style:italic;font-size:26px}.lk-pick-row .lk-pick-none.on{border:2px solid var(--rose)}.bp .keep{flex:1;justify-content:center;max-width:none;padding:0;gap:calc(var(--u) * 2.4)}.bp .keep-say{max-width:none;font-size:calc(var(--u) * 4.2);color:var(--bk-ink);opacity:.8}.bp .keep-title{font-size:calc(var(--u) * 8);color:var(--bk-ink)}.bp .keep-locket{--w: calc(var(--u) * 36)}.bp .lk{margin-top:calc(var(--w) * .5)}.bp .lk-names{font-size:calc(var(--u) * 6);color:var(--bk-accent)}.bp .ks-paper{width:100%;margin:0;padding:0;background:none;box-shadow:none}.bp .hp-svg{width:74%;margin:0}.bp .hp-wish{font-size:calc(var(--u) * 8);color:var(--bk-accent)}.hp-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em 1em;margin:0;padding:0;list-style:none;font-family:var(--hand);font-size:22px;color:var(--rose)}.bp .hp-list{font-size:calc(var(--u) * 6);color:var(--bk-accent)}.keep-kisses.still .ks-mark{animation:none;opacity:1}.bp.print .lk,.bp.print .lk-pair,.bp.print .lk-lid{animation:none;transition:none;transform:none}.bp.print .lk-lid{left:0}.bp.print .lk-front{display:none}.bp.print .lk-back{visibility:visible;transform:none}.page-post{justify-content:center}.bp-post{width:100%;margin-top:calc(var(--u) * 28)}.bp-post-photo{position:absolute;left:calc(var(--u) * 2);top:calc(var(--u) * -30);width:calc(var(--u) * 36);padding:calc(var(--u) * 1.8) calc(var(--u) * 1.8) calc(var(--u) * 7);background:var(--grain),#fffdf8;box-shadow:0 calc(var(--u) * 1.5) calc(var(--u) * 4) calc(var(--u) * -1.5) #140a0580;rotate:-9deg}.bp-post-photo .bp-pic{width:100%;aspect-ratio:4 / 5}.bp-post-card{display:grid;grid-template-columns:minmax(0,1fr) fit-content(58%);gap:calc(var(--u) * 3.4);min-height:calc(var(--u) * 58);padding:calc(var(--u) * 4.6) calc(var(--u) * 4);border:calc(var(--u) * 1.6) solid transparent;background:var(--grain) padding-box,linear-gradient(#fdf9f1,#fdf9f1) padding-box,repeating-linear-gradient(-45deg,var(--bk-post-a, #b3263a) 0 calc(var(--u) * 2.4),#fdf9f1 calc(var(--u) * 2.4) calc(var(--u) * 3.6),var(--bk-post-b, #5f86b8) calc(var(--u) * 3.6) calc(var(--u) * 6),#fdf9f1 calc(var(--u) * 6) calc(var(--u) * 7.2)) border-box;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) calc(var(--u) * -2) #140a058c;color:#3a2a26;rotate:-2.5deg}.bp-post-msg{align-self:center;margin:0;font-family:var(--hand);font-size:calc(var(--u) * 5.4);line-height:1.2;text-wrap:pretty}.bp-post-to{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u) * 2.2);padding-left:calc(var(--u) * 3.4);border-left:1px solid rgba(58,42,38,.35)}.bp-post-to p{margin:0;padding-bottom:calc(var(--u) * .6);border-bottom:1px solid rgba(58,42,38,.35);font-family:var(--hand);font-size:calc(var(--u) * 4.6);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-post-to.long p{font-size:calc(var(--u) * 3.9)}.bp-post-to small{font-family:var(--ui);font-weight:800;font-size:calc(var(--u) * 2.4);letter-spacing:.16em;text-transform:uppercase;color:var(--bk-post-a, #b3263a)}.bp-post-stamp{position:absolute;top:calc(var(--u) * -1.4);right:calc(var(--u) * -1);width:calc(var(--u) * 15);rotate:4deg}.bp-post-mark{position:absolute;top:calc(var(--u) * 1);right:calc(var(--u) * 8);width:calc(var(--u) * 20);opacity:.85;rotate:-12deg}.bp-post-to p:first-of-type{margin-top:calc(var(--u) * 20)}.look-booth .bp-post-card{--bk-post-a: #c9492a;--bk-post-b: #2b2627}.look-scrap .bp-post-card{--bk-post-a: #7e2438;--bk-post-b: #6d8a6a}.look-mag .bp-post-card{--bk-post-a: #161515;--bk-post-b: #b9b5ad;color:#161515}.page-wall{justify-content:center}.bp .bp-wall{position:absolute;inset:calc(var(--u) * -2) calc(var(--u) * -30);display:flex;flex-direction:column;justify-content:center;rotate:-8deg;font-family:var(--display);font-style:italic;font-weight:600;font-size:calc(var(--u) * 12.5);line-height:.98;white-space:nowrap;color:var(--bk-accent)}.bp-wall span:nth-child(odd){color:transparent;-webkit-text-stroke:calc(var(--u) * .28) var(--bk-accent);text-indent:calc(var(--u) * -24)}.bp-wall span:nth-child(4n+2){text-indent:calc(var(--u) * -8)}.bp-wall-strip{display:flex;flex-direction:column;gap:calc(var(--u) * 1.8);width:calc(var(--u) * 34);padding:calc(var(--u) * 2.2) calc(var(--u) * 2.2) calc(var(--u) * 7);background:var(--grain),#fffdf9;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 7) calc(var(--u) * -2) #0000008c;rotate:5deg}.bp-wall-strip .bp-pic{width:100%;aspect-ratio:4 / 3}.look-booth .page-wall{--bk-paper: radial-gradient(120% 80% at 50% 0%, #2b2627, #181516);--bk-accent: #f3a27f}.look-booth .bp-wall-strip{background:#141213}.look-scrap .bp-wall{font-family:var(--hand);font-style:normal;font-weight:700}.look-mag .bp-wall{font-family:var(--bold);font-style:normal;font-weight:800;font-size:calc(var(--u) * 11);letter-spacing:-.03em;rotate:0deg}.look-mag .bp-wall-strip{rotate:0deg}.bp-grid{position:relative;flex:1;min-height:0;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--u) * 2)}.bp-grid .bp-pic{width:100%;height:100%}.bp .bp-candy{position:absolute;left:50%;top:50%;width:calc(var(--u) * 34);translate:-50% -50%;rotate:-9deg;overflow:visible;filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.4) rgba(40,10,20,.4))}.bp-candy text{font-family:var(--bold);font-weight:800;font-size:14px;letter-spacing:.02em;fill:#d0345d}.look-scrap .bp-grid .bp-pic,.look-romantic .bp-grid .bp-pic{outline:calc(var(--u) * 1.4) solid #fffdf8;outline-offset:calc(var(--u) * -1.4)}.look-mag .bp-wall span:nth-child(odd){color:#16151529;-webkit-text-stroke:0}.bd-bunting{display:block;width:calc(100% + 32px);max-width:560px;height:auto;margin:-8px -16px 6px;overflow:visible}.bd-flag{transform-box:fill-box;transform-origin:50% 0;animation:bd-flag 3.4s ease-in-out var(--d) infinite alternate}@keyframes bd-flag{0%{rotate:-5deg}to{rotate:5deg}}.moment.bulbs{position:relative;padding:28px 28px 18px;border-radius:12px;background:radial-gradient(120% 90% at 50% 0%,#9c2540,#6a1229);box-shadow:inset 0 0 0 3px #d9a441,inset 0 0 0 5px #6a1229,inset 0 0 0 6px #d9a44180,0 18px 30px -18px #3c0a14bf}.moment.bulbs .moment-photo{position:relative;border-radius:3px;box-shadow:0 0 0 2px #d9a441}.bulbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bulbs i{position:absolute;left:calc(14px + var(--x) * (100% - 28px));top:calc(14px + var(--y) * (100% - 28px));width:10px;height:10px;margin:-5px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffdf2,#ffd86e 55%,#e2a632);box-shadow:0 0 7px 2px #ffd264b3;animation:bulb 1.2s steps(1) calc(var(--k) * -.4s) infinite}@keyframes bulb{0%{opacity:1}33.3%{opacity:.35;box-shadow:none}}.moment.bulbs figcaption small{color:#f2c86a}.moment.bulbs figcaption span{color:#fbf1e2}.moment-no{align-self:center;margin-bottom:2px;padding:2px 10px;border:1.5px solid #d9a441;border-radius:999px;font-family:var(--ui);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f2c86a}@media(prefers-reduced-motion:reduce){.bd-flag,.bulbs i{animation:none}}.gift-stage.look-stars{--ink: #eef1fb;--ink-soft: #b7c1e2;--rose: #f4b3c6;--rose-deep: #f7c7d5;--line: rgba(238, 241, 251, .2);background:radial-gradient(120% 70% at 50% 0%,#22346e,#121d45 55%,#0a1030);color:var(--ink)}.gift-stage.look-stars:before{opacity:.35}.look-stars :is(.gift-paper,.moment,.ks-paper,.gift-btn.quiet,.gift-previewbar,.gift-song){--ink: #3d2a2c;--ink-soft: #7a6461;--rose: #b4546a;--rose-deep: #8e2f45;--line: rgba(61, 42, 44, .14)}.night-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.night-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px #fffc;animation:twinkle 4s ease-in-out infinite alternate}.night-spark{position:absolute;width:14px;height:14px;fill:#fff6d4;filter:drop-shadow(0 0 4px rgba(255,240,190,.9));animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.night-fall{position:absolute;top:10%;left:72%;width:110px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#fff,#fff0);rotate:-25deg;opacity:0;animation:fall 11s linear 3s infinite}@keyframes fall{0%{translate:0 0;opacity:0}1.5%{opacity:1}7%{translate:-260px 120px;opacity:0}to{translate:-260px 120px;opacity:0}}.bd-balloons{display:block;width:min(56%,220px);height:auto;margin:0 auto -6px;overflow:visible}.bd-balloon-digit{font-family:var(--bold);font-weight:800;font-size:138px}.bd-balloon{transform-box:fill-box;transform-origin:50% 100%;animation:balloon 4.2s ease-in-out calc(var(--i, 0) * -1.3s) infinite alternate}@keyframes balloon{0%{translate:0 3px;rotate:-3deg}to{translate:0 -5px;rotate:3deg}}.moment.stamp{position:relative;isolation:isolate;padding:18px 18px 16px;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 14px 16px rgba(0,0,20,.45))}.moment.stamp:before{--r: 5px;--s: 14px;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grain),#fbf8f1;-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(closest-side,#0000 70%,#000 74%) calc(var(--s) / -2) calc(var(--s) / -2) / var(--s) var(--s) round;mask:linear-gradient(#000 0 0) center / calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(closest-side,#0000 70%,#000 74%) calc(var(--s) / -2) calc(var(--s) / -2) / var(--s) var(--s) round}.moment.stamp .moment-photo{box-shadow:0 0 0 1px #141e3c1f}.moment.stamp figcaption small{color:#3f5796}.moment-next{align-self:center;margin-top:10px;padding:7px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#2b3f7e,#1b2a5c);color:#f3f5ff;font-family:var(--ui);font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer}.look-stars .gift-letter-wrap{filter:drop-shadow(0 22px 26px rgba(0,0,20,.5))}.look-stars .gift-letter-wrap>.gift-kicker{filter:none}.look-stars .gift-paper{--r: 9px;isolation:isolate;padding:60px 42px 46px;border-radius:0;background:radial-gradient(circle 2.1px,#5f73aa52 92%,#0000) 0 0 / 11px 11px,#fdfbf6;box-shadow:none;-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(closest-side,#000 96%,#0000) 0 0 / calc(2 * var(--r)) calc(2 * var(--r)) round;mask:linear-gradient(#000 0 0) center / calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(closest-side,#000 96%,#0000) 0 0 / calc(2 * var(--r)) calc(2 * var(--r)) round}.look-stars .gift-paper:before{top:26px;right:26px;bottom:26px;left:26px;z-index:-1;border:1px solid rgba(95,115,170,.35);border-radius:12px;background:var(--grain),#fffdf8;box-shadow:0 0 0 5px #fffdf8,0 0 0 6px #5f73aa38}.look-stars .gift-tape{display:none}.look-stars .gift-pressed{top:4px;right:16px}.book-look-pic.bd-rose{background:conic-gradient(from 150deg at 22% 18%,#f3a4b8 0,#f3a4b8 60deg,#0000 0) 0 0 / 100% 100% no-repeat,conic-gradient(from 150deg at 50% 26%,#e9c46a 0,#e9c46a 60deg,#0000 0) 0 0 / 100% 100% no-repeat,conic-gradient(from 150deg at 78% 18%,#d77590 0,#d77590 60deg,#0000 0) 0 0 / 100% 100% no-repeat,radial-gradient(120% 90% at 50% 0%,#fbf6ee,#f1d9d9)}.book-look-pic.bd-stars{background:radial-gradient(circle 1.2px,#fff 90%,#0000) 3px 4px / 17px 13px,radial-gradient(circle .8px,#fff 90%,#0000) 9px 9px / 23px 19px,radial-gradient(120% 80% at 50% 0%,#2a3d7c,#0b1233)}@media(prefers-reduced-motion:reduce){.night-star,.night-spark,.night-fall,.bd-balloon{animation:none}.night-fall{display:none}}.bd-alone{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.bd-balloons.star{width:min(34%,130px)}.ib-tray{--wax-1: #e3707f;--wax-2: #ad2a43;--wax-3: #6f1426;--wax-deep: #8a1d33;--ink: #3d2a2c;--ink-soft: #7a6461;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 14px;width:100%;padding:46px 14px 18px;border-radius:18px;background:repeating-linear-gradient(90deg,#f7d3dd 0,#f7d3dd 14px,#fdecf1 14px,#fdecf1 28px);box-shadow:inset 0 0 0 1px #b4546a29,0 12px 26px #8a2c431f}.ib-tray>.ib-env:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}.ib-env{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ib-env:focus-visible{outline:2px solid var(--rose);outline-offset:6px;border-radius:8px}.ib-env-art{position:relative;display:block;width:100%;aspect-ratio:160 / 108;rotate:var(--tilt);filter:drop-shadow(0 6px 7px rgba(120,40,60,.2));animation:ib-wait 4.8s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}.ib-env.seen .ib-env-art,.ib-env.opening .ib-env-art{animation:none}@keyframes ib-wait{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.8deg)}}.ib-env-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ib-body{fill:#fcf6ec;stroke:#78504633;stroke-width:1}.ib-fold{fill:none;stroke:#78504629;stroke-width:1}.ib-flap,.ib-flap-up{stroke:#78504633;stroke-width:1;stroke-linejoin:round;transform-box:fill-box}.ib-flap{fill:#f6ecdc;transform-origin:50% 0;transition:transform .2s .18s ease-in}.ib-flap-up{fill:#f2c3cf;transform-origin:50% 100%;transform:scaleY(0);transition:transform .2s .38s ease-out}.ib-paper{transition:transform .35s .55s cubic-bezier(.2,.9,.3,1.2)}.ib-paper rect{fill:#fffdf8;stroke:#78504624}.ib-paper path{stroke:#b4546a59;stroke-width:1.4;stroke-linecap:round}.ib-env.opening .ib-flap,.ib-env.seen .ib-flap{transform:scaleY(0)}.ib-env.opening .ib-flap-up,.ib-env.seen .ib-flap-up{transform:scaleY(1)}.ib-env.opening .ib-paper,.ib-env.seen .ib-paper{transform:translateY(-15px)}.ib-env.seen .ib-flap,.ib-env.seen .ib-flap-up,.ib-env.seen .ib-paper,.ib-env.seen .ib-wax{transition:none}.ib-wax{position:absolute;left:50%;top:51%;width:27%;translate:-50% -50%;overflow:visible;filter:drop-shadow(0 1.5px 1.5px rgba(80,10,25,.35));transition:top .4s .18s ease-in-out,scale .4s .18s ease-in-out}.ib-env.opening .ib-wax,.ib-env.seen .ib-wax{top:-18%;scale:.55}.ib-wax .w1{stop-color:var(--wax-1)}.ib-wax .w2{stop-color:var(--wax-2)}.ib-wax .w3{stop-color:var(--wax-3)}.ib-wax-ring{fill:none;stroke:#28000a38;stroke-width:1.3}.ib-wax-heart{fill:var(--wax-deep);stroke:#ffffff47;stroke-width:.7}.ib-tag{position:absolute;left:50%;bottom:4%;max-width:90%;translate:-50% 0;rotate:-2deg;padding:1px 9px 2px;border-radius:2px;background:#fffdf8;box-shadow:0 1px 2px #50282824,inset 0 0 0 1px #b4546a2e;font-family:var(--hand);font-size:clamp(16px,4.6vw,20px);font-weight:600;line-height:1.1;color:var(--rose-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib-env-say{font-size:12.5px;color:var(--ink-soft)}.ib-env.seen .ib-env-say{color:var(--rose)}.look-stars .ib-tray{--wax-1: #f8e3a0;--wax-2: #d2a640;--wax-3: #8a6418;--wax-deep: #a47a22;--rose: #b4546a;--rose-deep: #2c3e7a;background:repeating-linear-gradient(90deg,#d7e0f5 0,#d7e0f5 14px,#eef2fb 14px,#eef2fb 28px);box-shadow:inset 0 0 0 1px #b4c4ec66,0 14px 30px #0000004d}.look-stars .ib-flap-up{fill:#c8d4f0}.book-look-pic.open-pic{overflow:hidden}.book-look-pic.open-pic svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.ib-env-art{animation:none}}.gift-stage.look-pixel{--ink: #f3ecd8;--ink-soft: #b8aed6;--rose: #e8a0b4;--rose-deep: #f2b8cb;--line: rgba(243, 236, 216, .18);--px: "Pixelify Sans", var(--ui);--px-pink: #d77bba;--px-night: #1f1a48;--px-rim: #3d3577;--s: 3;background:linear-gradient(180deg,#0f0c28,#1a1638 36%,#2e2760 74%,#4d3b72);color:var(--ink)}body:has(.look-pixel){background:#0f0c28}.gift-stage.look-pixel:before{display:none}@media(max-width:350px){.gift-stage.look-pixel{--s: 2}}@media(min-width:900px)and (min-height:700px){.gift-stage.look-pixel{--s: 4}}.px-sprite{display:block;flex:none;width:calc(var(--w) * var(--s, 3) * 1px);height:calc(var(--h) * var(--s, 3) * 1px);background-repeat:no-repeat;background-position:0 0;background-size:calc(var(--w) * var(--f) * var(--s, 3) * 1px) 100%;image-rendering:pixelated}.px-sprite.plays{animation:px-play var(--ms) steps(var(--f),jump-none) infinite}.px-sprite.plays.once{animation-iteration-count:1;animation-fill-mode:both}@keyframes px-play{to{background-position:100% 0}}@keyframes px-bob{to{translate:0 calc(var(--s, 3) * -2px)}}.look-pixel .gift-kicker{font-family:var(--px);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--rose)}.look-pixel .gift-q{font-family:var(--px);font-style:normal;font-weight:700;font-size:clamp(28px,8.4vw,40px);line-height:1.15;letter-spacing:0;color:var(--ink)}.look-pixel .gift-yes-sub{font-family:var(--px);font-style:normal;font-size:18px;color:var(--ink-soft)}:is(.look-pixel,.px-cry) .gift-btn{--edge: #f3ecd8;margin:4px;border:0;border-radius:0;font-family:"Pixelify Sans",var(--ui);font-weight:700;letter-spacing:.02em;box-shadow:0 -4px 0 var(--edge),0 4px 0 var(--edge),-4px 0 0 var(--edge),4px 0 0 var(--edge),0 10px #08061873}:is(.look-pixel,.px-cry) .gift-btn.primary,.look-pixel .gift-btn.no.gave{background:#d77bba;color:#1a1638}.look-pixel .gift-btn.quiet{--edge: #b8aed6;background:#2e2760;color:#f3ecd8}:is(.look-pixel,.px-cry) .gift-btn:active{translate:0 3px}:is(.look-pixel,.px-cry) .gift-btn:focus-visible{outline:3px dashed #ffcf7d;outline-offset:7px}.look-pixel .gift-previewbar{background:#0f0c28eb;border-color:var(--line);color:var(--ink-soft);font-family:var(--px)}.look-pixel .gift-previewbar button{color:var(--rose)}.px-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.px-dot{position:absolute;width:2px;height:2px;background:#f3ecd8;opacity:.8;animation:px-blink 3.2s steps(1,end) infinite}.px-dot.big{width:3px;height:3px;background:#ffcf7d}@keyframes px-blink{60%{opacity:.25}}.px-sky .px-twinkle{position:absolute;animation:px-play var(--ms) steps(var(--f),jump-none) infinite,px-now 3.6s steps(1,end) infinite}@keyframes px-now{30%,to{opacity:0}}.px-planet{--s: 2;position:absolute;opacity:.92;animation:px-bob 6s steps(2,end) infinite alternate}.px-planet.a{top:7%;right:-34px}.px-planet.b{bottom:12%;left:-46px;animation-duration:8s;animation-delay:-3s}.px-cover{display:flex;flex-direction:column;align-items:center;gap:18px;padding:12px 0;border:0;background:none;color:var(--ink);font-family:var(--px);cursor:pointer;-webkit-tap-highlight-color:transparent}.px-cover:focus-visible{outline:3px dashed #ffcf7d;outline-offset:6px}.px-title{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.px-title small{font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}.px-title b{max-width:100%;font-size:clamp(36px,11vw,52px);font-weight:700;line-height:1.05;overflow-wrap:anywhere}.px-scene{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:18px 0 6px}.px-bringer{--s: 4;animation:px-play var(--ms) steps(var(--f),jump-none) infinite,px-bob 1.2s steps(2,end) infinite alternate}.px-env{position:relative;margin-bottom:14px;animation:px-bob 1.2s steps(2,end) -.6s infinite alternate}.px-env-art{--s: 7}.px-cover.open .px-env-art{animation:px-jump .38s steps(2,end) 2,px-gone 1ms .76s forwards}@keyframes px-jump{50%{translate:0 -12px}}@keyframes px-gone{to{opacity:0}}.px-pop{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;translate:var(--x) var(--y)}.px-from{font-size:17px;color:var(--ink-soft)}.px-press{margin-top:6px;font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffcf7d;animation:blink 1.1s steps(2,jump-none) infinite}.px-cover.open .px-press,.px-cover.open .px-from{visibility:hidden}.px-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.px-wipe:is(.full,.gone){background:#d77bba}.px-wipe.gone{opacity:0;transition:opacity var(--fade) steps(4,end)}.px-wipe-heart{position:absolute;width:48px;height:48px;translate:-50% -50%;background:url(/art/gallery/heart_glint.png) 0 0 / 200% 100% no-repeat;image-rendering:pixelated;animation:px-grow var(--grow) steps(2,end) forwards}@keyframes px-grow{25%{width:96px;height:96px}50%{width:calc(var(--big) * .08);height:calc(var(--big) * .08)}75%{width:calc(var(--big) * .3);height:calc(var(--big) * .3)}to{width:var(--big);height:var(--big)}}.px-asker{animation:px-play var(--ms) steps(var(--f),jump-none) infinite,px-bob 1.2s steps(2,end) infinite alternate}.px-poof{margin:-24px 0 0 -24px}.px-cheer{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px;width:100%;margin-bottom:6px}.px-cheer .px-rise{position:absolute;bottom:30%}.px-letter{display:flex;flex-direction:column;gap:20px}.look-pixel .gift-song-head{font-family:var(--px);font-style:normal;font-size:17px;color:var(--ink-soft)}.look-pixel .gift-song-frame{border-radius:0;box-shadow:0 -4px 0 var(--px-rim),0 4px 0 var(--px-rim),-4px 0 0 var(--px-rim),4px 0 0 var(--px-rim)}.px-read{position:relative;margin-top:calc(var(--s) * 28px)}.px-sitters{position:absolute;right:12px;bottom:100%;display:flex;align-items:flex-end;gap:calc(var(--s) * 1px);pointer-events:none}.px-sit.lilg{margin-bottom:calc(var(--s) * -7px)}.px-sit.starry{margin-bottom:calc(var(--s) * -3px)}.px-say{position:absolute;left:calc(var(--s) * 20px);bottom:calc(var(--s) * 26px);animation:rise .5s ease both}.px-box{position:relative;margin:4px;padding:30px 20px 34px;background:var(--px-night);color:var(--ink);font-family:var(--px);font-size:18px;line-height:1.5;box-shadow:0 -4px #f3ecd8,0 4px #f3ecd8,-4px 0 #f3ecd8,4px 0 #f3ecd8,inset 0 0 0 4px var(--px-rim),0 12px #08061880;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.px-box.whole{cursor:auto;-webkit-user-select:text;user-select:text}.px-name{position:absolute;top:-18px;left:14px;max-width:50%;overflow:hidden;padding:2px 10px;background:#d77bba;color:#1a1638;font-size:15px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 -3px #f3ecd8,0 3px #f3ecd8,-3px 0 #f3ecd8,3px 0 #f3ecd8}.px-dear{margin-bottom:8px;font-size:21px;font-weight:700;color:var(--rose)}.px-words{min-height:9em;white-space:pre-wrap;overflow-wrap:anywhere}.px-box.whole .px-words{min-height:0}.px-caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-.12em;background:#f3ecd8;animation:blink .8s steps(2,jump-none) infinite}.px-sign{margin-top:10px;text-align:right;font-size:22px;font-weight:700;color:var(--rose);animation:rise .6s ease both}.px-count{position:absolute;left:20px;bottom:12px;font-size:12px;color:var(--ink-soft)}.px-next{position:absolute;right:10px;bottom:8px;display:grid;place-items:center;width:44px;height:36px;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.px-next:focus-visible{outline:3px dashed #ffcf7d}.px-next i{width:15px;height:9px;background:#f3ecd8;clip-path:polygon(0 0,100% 0,100% 33.4%,80% 33.4%,80% 66.7%,60% 66.7%,60% 100%,40% 100%,40% 66.7%,20% 66.7%,20% 33.4%,0 33.4%);opacity:0}.px-next.ready i{opacity:1;animation:px-nudge .8s steps(2,jump-none) infinite}@keyframes px-nudge{to{translate:0 3px}}.px-again{align-self:center}.px-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}.look-pixel .moment{border-radius:0;background:#f3ecd8;box-shadow:0 -4px #f3ecd8,0 4px #f3ecd8,-4px 0 #f3ecd8,4px 0 #f3ecd8,0 12px #08061873;transform:none;color:#1a1638}.look-pixel .moment-photo,.look-pixel .moment-photo img{border-radius:0}.look-pixel .moment figcaption{font-family:var(--px);color:#1a1638}.look-pixel .moment figcaption small{color:#7a4a8a}.look-pixel :is(.moments-until,.moments-rail small){font-family:var(--px);color:var(--ink-soft)}.look-pixel .moments-rail i{border-radius:0}.look-pixel :is(.ks-paper,.gift-bouquet){--ink: #3d2a2c;--ink-soft: #7a6461;--rose: #b4546a;--rose-deep: #8e2f45;--line: rgba(61, 42, 44, .14)}.look-pixel .keep-title{font-family:var(--px);font-style:normal;font-weight:700;font-size:28px}.look-pixel :is(.keep-say,.hp-wish){font-family:var(--px);font-style:normal}.look-pixel .gift-clock-row b{font-family:var(--px);font-weight:700;font-size:34px;color:#ffcf7d}.look-pixel .gift-clock-row small{font-family:var(--px);letter-spacing:.1em}.look-pixel .gift-made-with{font-family:var(--px);font-style:normal;font-size:15px}.look-pixel .gate-lock{width:44px;height:60px;background:url(/art/ui/lock.png) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}.look-pixel .gate-lock i{display:none}.look-pixel .gift-gate.unlocked .gate-lock{animation:px-jump .38s steps(2,end) 2}.look-pixel .gate-dots i{border-radius:0;border:3px solid var(--rose)}.look-pixel .gate-keys button{border:0;border-radius:0;background:#2e2760;color:#f3ecd8;font-family:var(--px);font-size:28px;box-shadow:0 -4px #b8aed6,0 4px #b8aed6,-4px 0 #b8aed6,4px 0 #b8aed6,0 10px #08061873}.look-pixel .gate-keys button:active{background:#d77bba;color:#1a1638;transform:none;translate:0 3px}.look-pixel .gate-keys button.del{background:none;box-shadow:none;color:var(--ink-soft)}.look-pixel :is(.gate-say,.gate-hint){font-family:var(--px);font-style:normal}.look-pixel .gate-answer input{border-radius:0;font-family:var(--px)}.px-cry .bd-cry-card{border-radius:0;background:#1f1a48;color:#f3ecd8;box-shadow:0 -4px #f3ecd8,0 4px #f3ecd8,-4px 0 #f3ecd8,4px 0 #f3ecd8,inset 0 0 0 4px #3d3577}.px-cry{background:#0f0c288c}.px-cry .bd-cry-line{font-family:"Pixelify Sans",var(--ui);font-style:normal;font-weight:700;font-size:22px}.px-cling{--s: 2;position:relative;display:block;margin:6px 0 -6px}.px-tear{position:absolute;left:calc(var(--x) * var(--s) * 1px);top:calc(var(--y) * var(--s) * 1px);width:calc(var(--s) * 1px);height:calc(var(--s) * 2px);background:#7fb8f0;opacity:0;animation:px-tear 1.4s steps(7,end) infinite}@keyframes px-tear{0%{opacity:1;translate:0 0}to{opacity:1;translate:0 calc(var(--s) * 14px)}}.book-look-pic.paper-pic{background:radial-gradient(circle at 50% 56%,#a8405a 0 7%,transparent 7.5%),conic-gradient(from 90deg at 50% 64%,transparent 0 90deg,#f6ecdc 0 180deg,transparent 0) 50% 40% / 56% 48% no-repeat,linear-gradient(#efe3cf,#efe3cf) 50% 60% / 56% 44% no-repeat,radial-gradient(120% 90% at 50% 0%,#fbf6ee,#f1d9d9)}.book-look-pic.px-pic{background:url(/art/starry/starry.png) 26% 70% / auto 54% no-repeat,url(/art/ui/envelope.png) 74% 76% / auto 34% no-repeat,radial-gradient(1.5px 1.5px at 20% 22%,#f3ecd8 99%,transparent),radial-gradient(1.5px 1.5px at 64% 14%,#ffcf7d 99%,transparent),radial-gradient(1.5px 1.5px at 86% 34%,#f3ecd8 99%,transparent),linear-gradient(180deg,#0f0c28,#2e2760 75%,#4d3b72);image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.px-sprite.plays,.px-sky .px-twinkle,.px-bringer,.px-asker,.px-planet,.px-env,.px-dot,.px-press,.px-next.ready i,.px-tear{animation:none}}