@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap";:root{font-family:DM Sans,sans-serif;color:#55443f;background:#f7f1e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}.storybook-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:30px 24px 24px;color:#624b3d;background:radial-gradient(ellipse at 9% 23%,#d9b49b40,transparent 48%),radial-gradient(ellipse at 92% 80%,#c6b08d33,transparent 48%),#f2eadc}.storybook-overline{margin:0 0 20px;font-size:9px;letter-spacing:.28em;color:#937c65;text-align:center}.storybook-cover,.storybook-page{position:relative;isolation:isolate;width:min(100%,760px);background:radial-gradient(ellipse at 28% 60%,#dfbc9350,transparent 45%),radial-gradient(ellipse at 85% 20%,#e9cab031,transparent 50%),#fff7e8;border:1px solid #cbb599;border-radius:4px 16px 16px 4px;box-shadow:inset 9px 0 16px #94734f0b,5px 4px #eadfca,6px 5px #cdbda7,10px 8px #eee3cf,11px 9px #d2c1a8,0 25px 65px #74543820}.storybook-cover:before,.storybook-page:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h170v170H0z' fill='%23937656' filter='url(%23paper)'/%3E%3C/svg%3E")}.storybook-border{position:absolute;inset:15px;border:1px solid #cfb894;border-radius:2px 8px 8px 2px;pointer-events:none}.storybook-border:after{content:"";position:absolute;inset:5px;border:1px solid #decbb073;border-radius:inherit}.storybook-begin{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:51px;padding:15px 27px;background:#986b56;border:1px solid #855c47;border-radius:5px;box-shadow:0 4px 10px #80553713;color:#fff8eb;text-decoration:none;font-size:12px;letter-spacing:.07em;transition:background .2s}.storybook-begin:hover{background:#80533f}.storybook-begin:focus-visible,.storybook-back:focus-visible,.storybook-studio summary:focus-visible{outline:3px solid #986b56;outline-offset:5px}.storybook-page{padding:clamp(42px,8vw,80px) clamp(24px,6vw,65px);min-height:65svh;text-align:center}.storybook-page h1{font:500 clamp(38px,5vw,58px)/1.1 "Cormorant Garamond",Georgia,serif;color:#634631;max-width:570px;text-wrap:balance}@media(max-width:540px){.storybook-shell{padding:23px 18px}.storybook-overline{font-size:8px;margin-bottom:17px}.storybook-border{inset:10px}.storybook-begin{gap:20px;padding-inline:21px}}@media(prefers-reduced-motion:reduce){.storybook-begin{transition:none}}.reading-ambience{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#ffdb9c30,transparent 68%)}.reading-ambience-margin{position:absolute;inset-block:0;width:max(0px,calc((100% - var(--reading-book-width)) / 2 - 26px));overflow:hidden}.reading-ambience-left{left:0}.reading-ambience-right{right:0}.reading-garden-branch{position:absolute;width:min(92%,320px);height:auto;max-height:88vh;animation:reading-garden-sway 9s ease-in-out infinite alternate}.reading-ambience-left .reading-garden-branch{bottom:-1%;left:2%;transform-origin:20% 100%}.reading-ambience-right .reading-garden-branch{top:-1%;right:2%;transform-origin:80% 0%;animation-duration:11s;animation-delay:-4s}.reading-garden-bloom{animation:reading-garden-bloom 12s ease-in-out infinite}.reading-garden-bud{animation:reading-garden-bloom 15s ease-in-out -6s infinite}.reading-garden-butterfly{position:absolute;width:clamp(34px,3.5vw,55px);opacity:.86;animation:reading-butterfly-float 19s ease-in-out infinite}.reading-butterfly-wing{transform-origin:32px 26px;animation:reading-butterfly-flap 1.9s ease-in-out infinite}@keyframes reading-butterfly-float{0%,to{transform:translate(-10px,8px) rotate(-9deg)}28%{transform:translate(18px,-23px) rotate(9deg)}56%{transform:translate(2px,-48px) rotate(-6deg)}78%{transform:translate(-22px,-19px) rotate(-13deg)}}@keyframes reading-butterfly-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.64)}}.reading-garden-petal{position:absolute;width:16px;height:10px;border-radius:75% 25% 68% 32%;background:radial-gradient(ellipse at 32% 25%,#fff0df,#d89499 72%,#bb7f87);opacity:.7;animation:reading-garden-fall 18s linear infinite}@keyframes reading-garden-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes reading-garden-bloom{0%,to{transform:scale(.86);opacity:.76}48%,60%{transform:scale(1.05);opacity:1}}@keyframes reading-garden-fall{0%{transform:translateY(-24px) rotate(-20deg);opacity:0}18%,80%{opacity:.76}35%{transform:translate(22px,44px) rotate(30deg)}67%{transform:translate(-12px,110px) rotate(-24deg)}to{transform:translate(14px,180px) rotate(38deg);opacity:0}}@media(max-width:1000px){.reading-ambience{display:none}}@media(prefers-reduced-motion:reduce){.reading-garden-branch,.reading-garden-bloom,.reading-garden-bud,.reading-garden-petal,.reading-garden-butterfly,.reading-butterfly-wing{animation:none}}.anniversary-shell{--reading-book-width: 760px;isolation:isolate;justify-content:center;padding-block:clamp(22px,4vh,36px);background:radial-gradient(ellipse at 12% 25%,#d9adac66,transparent 54%),radial-gradient(ellipse at 89% 82%,#aeb68d66,transparent 54%),#f2eadc}.anniversary-card{z-index:1;min-height:auto;padding:clamp(30px,5.5vh,60px) clamp(18px,5vw,64px) clamp(36px,5vh,54px)}.anniversary-card .storybook-overline{margin-bottom:14px}.anniversary-card h1{margin:0 auto}.anniversary-ornament{color:#788361;font-size:25px;letter-spacing:.22em;margin-bottom:8px}.anniversary-ornament span{color:#a96572}.anniversary-subtitle{font:italic clamp(20px,3vw,27px)/1.4 "Cormorant Garamond",Georgia,serif;margin:10px 0 20px}.anniversary-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.4vw,14px);max-width:465px;margin:0 auto}.anniversary-countdown>div{display:flex;flex-direction:column-reverse;justify-content:center;gap:4px;padding:10px 2px;background:#f1dfd980;border:1px solid #b9897f55;border-radius:10px 10px 6px 6px}.anniversary-countdown>div:nth-child(2n){background:#e1e5d280;border-color:#89937355}.anniversary-countdown dd{margin:0;font:500 clamp(25px,5vw,47px)/1 "Cormorant Garamond",Georgia,serif;font-variant-numeric:lining-nums tabular-nums}.anniversary-countdown dt{font-size:clamp(9px,1.5vw,12px)}.anniversary-message{font:italic clamp(18px,2.5vw,23px)/1.35 "Cormorant Garamond",Georgia,serif;margin:16px auto 0;max-width:34ch}.anniversary-date{margin:12px 0 0;font-size:12px;line-height:1.5}.anniversary-open{cursor:pointer;font-family:inherit}.anniversary-characters{display:flex;justify-content:space-between;align-items:end;margin-top:12px;padding-inline:clamp(24px,7vw,92px);pointer-events:none}.anniversary-character{position:relative;isolation:isolate}.anniversary-character:before{content:"";position:absolute;inset:auto 1% 1%;height:14%;z-index:-1;background:radial-gradient(ellipse,#a88a6840,#cfab9426 42%,transparent 72%)}.anniversary-characters .blinking-character{position:relative;transform-origin:center bottom}.anniversary-characters img{position:absolute;inset:0;display:block;width:100%;height:auto;transform-origin:center bottom;animation:anniversary-breathe 5.8s ease-in-out infinite}.anniversary-bear{width:clamp(64px,10.3vw,132px)}.anniversary-rabbit{width:clamp(60px,9.6vw,124px)}.anniversary-bear .blinking-character{animation:anniversary-bear-idle 24s ease-in-out -7s infinite}.anniversary-rabbit .blinking-character{animation:anniversary-rabbit-idle 27s ease-in-out -2s infinite}.anniversary-rabbit img{animation-duration:6.6s;animation-delay:-2s}.anniversary-shell .reading-ambience-left .reading-garden-branch{left:auto;right:-8%;bottom:-1%}.anniversary-shell .reading-ambience-right .reading-garden-branch{right:auto;left:-8%;top:-1%}@keyframes anniversary-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.009)}}@keyframes anniversary-bear-idle{0%,34%,46%,82%,94%,to{transform:none}39%,41%{transform:rotate(3deg) translate(2px)}87%{transform:rotate(-2deg) translateY(1px)}90%{transform:rotate(.8deg)}}@keyframes anniversary-rabbit-idle{0%,25%,36%,72%,82%,to{transform:none}29%,32%{transform:rotate(-3deg) translate(-2px)}75%{transform:translateY(-5px) rotate(1deg)}78%{transform:translateY(0) rotate(-1deg)}}@media(max-width:540px){.anniversary-bear{width:clamp(64px,18vw,90px)}.anniversary-rabbit{width:clamp(60px,17vw,84px)}}@media(min-width:541px)and (max-height:760px){.anniversary-shell{padding-block:16px}.anniversary-card{padding-top:30px}}@media(prefers-reduced-motion:reduce){.anniversary-characters .blinking-character,.anniversary-characters img{animation:none}}
