.guestbook-page{--guestbook-line:var(--color-red-a3);--guestbook-glow:var(--color-red-a1);padding-top:.35rem}.guestbook-garden{position:relative;isolation:isolate;min-height:21rem;overflow:hidden;margin:0 0 1.7rem;padding:clamp(2rem,4vw,3rem);border:1px solid var(--guestbook-line);border-radius:1.45rem;background:radial-gradient(ellipse at 83% 24%,var(--guestbook-glow),transparent 54%),linear-gradient(120deg,var(--grey-1),var(--grey-2));box-shadow:0 18px 45px rgba(26,12,40,.08)}.guestbook-garden::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--grey-1) 2%,transparent 69%);opacity:.7;pointer-events:none}.guestbook-garden__halo{position:absolute;width:17rem;height:17rem;right:-3rem;bottom:-9rem;border-radius:50%;background:var(--guestbook-glow);filter:blur(2.7rem);pointer-events:none}.guestbook-garden__vine{position:absolute;width:43rem;height:100%;top:0;right:-1.3rem;pointer-events:none;opacity:.92}.guestbook-garden__branch{stroke:var(--primary-color);stroke-width:3;stroke-linecap:round;opacity:.62}.guestbook-garden__branch--thin{stroke-width:1.8;opacity:.48}.guestbook-garden__leaf{fill:var(--primary-color);opacity:.29}.guestbook-garden__flower{fill:var(--primary-color);opacity:.78}.guestbook-garden__flower circle{fill:var(--grey-1);opacity:.9}.guestbook-garden__flower--small{opacity:.58}.guestbook-garden__flower--soft{opacity:.43}.guestbook-garden__new-bloom{fill:var(--primary-color);opacity:0;transition:opacity .45s ease}.guestbook-garden__new-bloom circle{fill:var(--grey-1)}.guestbook-garden__new-bloom.is-open{opacity:.84}.guestbook-garden__new-bloom.is-blooming{animation:guestbook-bloom-light .8s ease-out}.guestbook-garden__copy{position:relative;z-index:1;max-width:29rem}.guestbook-garden__eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary-color);font-size:.66rem;font-weight:700;letter-spacing:.18em}.guestbook-garden h2{max-width:25rem;margin:.8rem 0 .7rem;color:var(--text-color);font-size:clamp(1.45rem, 3vw, 2rem);line-height:1.4;letter-spacing:.04em}.guestbook-garden p{max-width:27rem;margin:0;color:var(--grey-6);font-size:.85rem;line-height:1.9}.guestbook-garden blockquote{max-width:27rem;margin:1.45rem 0 1.5rem;padding:.7rem 0 .7rem 1rem;border-left:2px solid var(--primary-color);color:var(--text-color);font-size:.91rem;font-style:normal;line-height:1.8;transition:opacity .22s ease}.guestbook-garden__write{display:inline-flex;align-items:center;gap:.52rem;min-height:2.45rem;padding:.55rem 1rem;border:1px solid var(--guestbook-line);border-radius:1.3rem;background:var(--grey-1);color:var(--primary-color);font-size:.78rem;font-weight:700;box-shadow:0 7px 21px var(--guestbook-glow);transition:transform .2s ease,box-shadow .2s ease}.guestbook-garden__write:focus-visible,.guestbook-garden__write:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--guestbook-glow)}.guestbook-garden__success{position:absolute;right:1.35rem;bottom:1.2rem;z-index:2;max-width:12rem;padding:.45rem .75rem;border-radius:1rem;background:var(--grey-1);color:var(--primary-color);font-size:.72rem;box-shadow:0 5px 18px var(--guestbook-glow)}.guestbook-garden__success:empty{display:none}.guestbook-letters{position:relative;z-index:1;margin:0 0 2.2rem}.guestbook-letters__heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem 1rem;margin:0 0 1rem;padding:0 .3rem}.guestbook-letters__heading h2{margin:.25rem 0 0;color:var(--text-color);font-size:1.17rem;line-height:1.4}.guestbook-letters__heading p{margin:0;color:var(--grey-6);font-size:.75rem;line-height:1.7}.guestbook-letters__eyebrow{color:var(--primary-color);font-size:.63rem;font-weight:700;letter-spacing:.16em}.guestbook-letters__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;padding:1.3rem .4rem 1.5rem}.guestbook-letters__noscript{color:var(--grey-6);font-size:.78rem}.guestbook-return{position:fixed;z-index:120;left:50%;bottom:1.35rem;display:flex;align-items:center;gap:.55rem;width:-moz-max-content;width:max-content;max-width:calc(100vw - 2rem);padding:.55rem .7rem .55rem .85rem;border:1px solid var(--guestbook-line);border-radius:1.2rem;background:var(--grey-1);color:var(--text-color);box-shadow:0 14px 38px rgba(26,12,40,.22);transform:translateX(-50%);animation:guestbook-return-arrive .35s ease-out both}.guestbook-return[hidden]{display:none}.guestbook-return__flower{color:var(--primary-color);font-size:1.25rem}.guestbook-return__text{font-size:.76rem}.guestbook-return__close,.guestbook-return__view{flex-shrink:0;border:0;cursor:pointer}.guestbook-return__view{padding:.5rem .7rem;border-radius:.7rem;background:var(--primary-color);color:var(--grey-1);font-size:.73rem;font-weight:700}.guestbook-return__view:focus-visible,.guestbook-return__view:hover{filter:brightness(1.12)}.guestbook-return__close{display:grid;place-items:center;width:1.55rem;height:1.55rem;padding:0;border-radius:50%;background:0 0;color:var(--grey-6);font-size:1.15rem}.guestbook-return__close:focus-visible,.guestbook-return__close:hover{background:var(--guestbook-glow)}.guestbook-letter{position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;aspect-ratio:3/2;overflow:hidden;padding:.7rem .85rem 1.4rem;border:1px solid var(--guestbook-line);border-radius:.45rem;background:radial-gradient(circle at 91% 10%,var(--guestbook-glow),transparent 44%),linear-gradient(148deg,var(--grey-1),var(--grey-2));box-shadow:inset 0 0 0 .28rem var(--grey-1),inset 0 0 0 calc(.28rem + 1px) var(--guestbook-line),0 9px 24px rgba(26,12,40,.07);transform:rotate(-.7deg);transition:transform .32s cubic-bezier(.2, .75, .2, 1),box-shadow .32s ease}.guestbook-letter:first-child{transform-origin:left center}.guestbook-letter:nth-child(2){transform:rotate(.9deg)}.guestbook-letter:nth-child(3){transform:rotate(-.4deg)}.guestbook-letter:last-child{transform-origin:right center}.guestbook-letter:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.guestbook-letter::before{content:'✿';position:absolute;top:.6rem;right:.65rem;display:grid;place-items:center;width:2rem;height:2.2rem;border:1px dashed var(--primary-color);border-radius:.25rem;background:var(--guestbook-glow);color:var(--primary-color);font-size:1.2rem;line-height:1;opacity:.75;transform:rotate(5deg)}.guestbook-letter::after{content:'';position:absolute;top:1.12rem;right:2.45rem;width:1.25rem;height:1.1rem;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);border-radius:50%;opacity:.35;transform:rotate(-10deg);pointer-events:none}.guestbook-letter>span:not(.guestbook-letter__postcode){display:block;max-width:calc(100% - 3.8rem);margin-top:1.05rem;overflow:hidden;color:var(--primary-color);font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.guestbook-letter>span:not(.guestbook-letter__postcode)::before{content:'寄件 · ';color:var(--grey-6);font-size:.66rem;font-weight:500}.guestbook-letter--prompt>span:not(.guestbook-letter__postcode)::before{content:'收件 · '}.guestbook-letter p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:3.9rem;margin:.4rem 0 auto;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.29rem,var(--guestbook-line) 1.29rem,var(--guestbook-line) calc(1.29rem + 1px));color:var(--text-color);font-size:.74rem;line-height:1.3rem;overflow-wrap:anywhere}.guestbook-letter small{display:block;margin-top:.35rem;padding-top:.3rem;border-top:1px solid var(--guestbook-line);color:var(--grey-6);font-size:.6rem;letter-spacing:.02em}.guestbook-letter small::before{content:'邮戳  ·  ';color:var(--primary-color);font-weight:700}.guestbook-letter--prompt small::before{content:'待寄  ·  '}.guestbook-letter__postcode{position:absolute;z-index:1;display:flex;gap:.09rem;width:-moz-max-content;width:max-content;color:var(--primary-color);pointer-events:none}.guestbook-letter__postcode i{display:block;box-sizing:border-box;width:.5rem;height:.56rem;border:1px solid currentColor;border-radius:.06rem;opacity:.6}.guestbook-letter__postcode--top{top:.75rem;left:.85rem}.guestbook-letter__postcode--bottom{right:.85rem;bottom:.5rem}.guestbook-letter.is-new{animation:guestbook-letter-arrive .7s cubic-bezier(.2,.75,.2,1) both}@media (min-width:600px) and (hover:hover) and (pointer:fine){.guestbook-letter:hover{z-index:3;transform:translateY(-.35rem) scale(1.24) rotate(0);box-shadow:0 20px 40px rgba(26,12,40,.16)}}@media (min-width:600px){.guestbook-letter:focus-visible{z-index:3;transform:translateY(-.35rem) scale(1.24) rotate(0);box-shadow:0 20px 40px rgba(26,12,40,.16)}}@media (max-width:767px){.guestbook-return{left:calc(50% - 1rem);bottom:4.6rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;width:calc(100vw - 4.5rem);max-width:22rem;gap:.35rem}.guestbook-return__text{line-height:1.4}.guestbook-garden{min-height:22rem;padding:1.5rem}.guestbook-garden__vine{width:108%;right:-40%;opacity:.46}.guestbook-garden::after{background:linear-gradient(90deg,var(--grey-1),transparent 95%)}.guestbook-garden__copy{max-width:100%}.guestbook-garden__success{position:static;display:inline-block;margin-top:.75rem}.guestbook-letters__list{padding:.8rem .2rem 1rem}}@media (min-width:600px) and (max-width:1023px){.guestbook-letters__list{grid-template-columns:repeat(2,minmax(0,1fr))}.guestbook-letter:nth-child(2){transform-origin:right center}.guestbook-letter:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .45rem);transform-origin:center center}}@media (max-width:599px){.guestbook-letters__list{grid-template-columns:minmax(0,1fr);gap:.9rem}.guestbook-letter{padding:.9rem 1rem 1.7rem}.guestbook-letter::before{top:.8rem;right:.85rem;width:2.3rem;height:2.5rem;font-size:1.4rem}.guestbook-letter::after{top:1.35rem;right:2.85rem;width:1.5rem;height:1.25rem}.guestbook-letter>span:not(.guestbook-letter__postcode){margin-top:1.3rem;font-size:.78rem}.guestbook-letter p{min-height:4.5rem;margin:.65rem 0 auto;font-size:.82rem;line-height:1.5rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.49rem,var(--guestbook-line) 1.49rem,var(--guestbook-line) calc(1.49rem + 1px))}.guestbook-letter small{margin-top:.5rem;padding-top:.4rem;font-size:.66rem}.guestbook-letter__postcode i{width:.6rem;height:.65rem}.guestbook-letter__postcode--top{top:1rem;left:1rem}.guestbook-letter__postcode--bottom{right:1rem;bottom:.7rem}}@media (max-width:359px){.guestbook-letter{padding:.7rem .85rem 1.55rem}.guestbook-letter::before{top:.65rem;right:.75rem;width:2rem;height:2.2rem;font-size:1.2rem}.guestbook-letter::after{top:1.3rem;right:2.6rem;width:1.3rem;height:1.1rem}.guestbook-letter>span:not(.guestbook-letter__postcode){margin-top:1.05rem}.guestbook-letter p{min-height:3.9rem;margin:.45rem 0 auto;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.29rem,var(--guestbook-line) 1.29rem,var(--guestbook-line) calc(1.29rem + 1px));font-size:.78rem;line-height:1.3rem}.guestbook-letter small{margin-top:.35rem;padding-top:.3rem;font-size:.6rem}.guestbook-letter__postcode i{width:.55rem;height:.6rem}.guestbook-letter__postcode--top{top:.75rem;left:.85rem}.guestbook-letter__postcode--bottom{right:.85rem;bottom:.55rem}}@media (prefers-reduced-motion:reduce){.guestbook-page *,.guestbook-page ::after,.guestbook-page ::before{animation:none!important;transition:none!important}}html[data-motion=reduce] .guestbook-page *,html[data-motion=reduce] .guestbook-page ::after,html[data-motion=reduce] .guestbook-page ::before{animation:none!important;transition:none!important}@keyframes guestbook-return-arrive{from{opacity:0;transform:translate(-50%,.8rem)}to{opacity:1;transform:translate(-50%,0)}}@keyframes guestbook-letter-arrive{from{opacity:0;transform:translateY(1.3rem) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(-.7deg)}}@keyframes guestbook-bloom-light{0%{opacity:.1;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 14px var(--primary-color))}100%{opacity:.84;filter:drop-shadow(0 0 0 transparent)}}