.garden{--paper:#fafbf6;--forest:#334a3c;--muted:#61715e;--line:#d4dccd;--sage:#edf0e6;background:var(--paper);color:var(--forest);font-family:var(--font-eb-garamond),Georgia,serif;font-size:19px;line-height:1.6;overflow:clip}.garden *{box-sizing:border-box}.garden a{color:inherit;text-decoration:none}.garden button{font:inherit;cursor:pointer}.garden :focus-visible{outline:2px solid var(--forest);outline-offset:6px}.garden section{scroll-margin-top:30px}.garden h1,.garden h2,.garden h3,.garden p{margin:0}.garden h2{font-family:var(--font-cormorant),Georgia,serif;font-size:clamp(38px,4.2vw,62px);line-height:1.12;letter-spacing:-.025em}.garden h2,.garden h2 em{font-weight:400}.garden-skip{position:fixed;left:20px;top:-100px;z-index:99;padding:12px 20px;background:var(--paper)}.garden-skip:focus{top:20px}.garden-nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.garden-monogram{font-family:var(--font-cormorant);font-size:31px;letter-spacing:-1px}.garden-monogram span{font-size:19px;font-style:italic;margin:0 4px}.garden-nav nav{display:flex;gap:36px;font-family:var(--font-cinzel),serif;font-size:10px;letter-spacing:.09em}.garden-nav nav a{display:flex;align-items:center;gap:5px;padding:12px 0;border-bottom:1px solid transparent}.garden-nav nav a:hover{border-color:var(--forest)}.garden-motion{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:transparent;color:var(--forest)}.garden-motion:hover{background:var(--sage)}.garden-hero{min-height:calc(100svh - 88px);position:relative;display:grid;place-items:center;isolation:isolate;padding:75px 24px 100px;overflow:hidden}.garden-florals{position:absolute;inset:0;z-index:-2;background:url(/images/wedding-botanicals.webp) 50%/cover no-repeat;animation:botanical-breathe 14s ease-in-out infinite alternate;transform-origin:center}.garden-arch{position:absolute;inset:34px max(24px,calc((100% - 760px)/2)) 38px;border:1px solid #a5b3966b;border-radius:50% 50% 0 0;z-index:-1}.garden-hero-content{text-align:center;max-width:710px;animation:invitation-arrive 1.8s cubic-bezier(.16,1,.3,1) both}.garden-bismillah{font-family:var(--font-amiri),serif;font-size:28px;line-height:1.8}.garden-inviting{font-size:17px;margin-top:22px!important;color:var(--muted)}.garden h1{display:flex;flex-direction:column;align-items:center;font-family:var(--font-great-vibes),cursive;font-weight:400;font-size:clamp(64px,7.6vw,104px);line-height:1.23;margin:28px 0 8px}.garden h1 span{display:block}.garden h1 em{font-family:var(--font-cormorant),serif;font-size:35px;line-height:.9;font-weight:300;margin:5px 0 10px;color:#738267}.garden-wedding-line{font-family:var(--font-cinzel),serif;font-size:11px;letter-spacing:.22em}.garden-hero-date{display:flex;gap:13px;justify-content:center;align-items:center;margin:24px 0 0;font-size:21px}.garden-hero-date span+span{border-left:1px solid #9aa88d;padding-left:13px}.garden-location{color:var(--muted);font-size:17px;margin-top:3px!important}.garden-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--forest);background:var(--forest);color:var(--paper)!important;font-family:var(--font-cinzel),serif!important;font-size:10px!important;letter-spacing:.08em;padding:17px 25px;min-height:50px;transition:background .25s,transform .25s}.garden-button:hover{background:#4c614c;transform:translateY(-2px)}.garden-button svg{transition:transform .25s}.garden-button:hover svg{transform:translateY(2px)}.garden-hero .garden-button{margin-top:29px}.garden-side-note{left:32px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted)}.garden-scroll,.garden-side-note{position:absolute;font-style:italic;font-size:14px}.garden-scroll{bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px}.garden-scroll svg{animation:scroll-nudge 2.4s ease-in-out infinite}.garden-petals{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.garden-petals i{position:absolute;top:-25px;left:calc(8% + var(--i)*11%);width:8px;height:14px;border-radius:90% 0 90% 10%;background:#dbe1cd;opacity:0;animation:petal-fall calc(13s + var(--i)*1s) linear infinite;animation-delay:calc(var(--i)*-2.3s)}.garden-letter-section{padding:120px 24px;background:var(--sage)}.garden-letter{position:relative;max-width:780px;margin:auto;text-align:center;background:var(--paper);padding:64px 90px 74px;box-shadow:0 18px 48px #3449330b;overflow:hidden}.garden-seal{width:70px;height:70px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #a5b396;border-radius:50%;margin:0 auto 32px;font-family:var(--font-cormorant);font-size:23px}.garden-seal i{font-size:15px}.garden-letter h2{font-size:48px;margin-bottom:28px}.garden-letter p{max-width:460px;margin:14px auto;color:var(--muted);font-size:20px}.garden-signature{display:block;font-family:var(--font-great-vibes),cursive;font-size:37px;line-height:1.7;margin-top:29px}.garden-letter-fold{position:absolute;right:0;bottom:0;width:52px;height:52px;clip-path:polygon(100% 0,100% 100%,0 100%);background:#e3e8d9;transform-origin:bottom right;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.invitation-opened .garden-letter-fold{transform:scale(1.5)}.garden-reveal{transition:transform 1.25s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.garden-reveal.is-visible{transform:translateY(0)}.garden-celebrations{padding:120px 6%;max-width:1220px;margin:auto}.garden-section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.garden-section-intro>p{color:var(--muted);font-size:19px;padding-bottom:5px}.garden-event{display:grid;grid-template-columns:175px 1fr 50px;align-items:center;gap:36px;padding:36px 0;border-top:1px solid var(--line)}.garden-event:last-child{border-bottom:1px solid var(--line)}.garden-event-date{display:flex;flex-direction:column;text-align:center;border-right:1px solid var(--line);padding-right:35px}.garden-event-date>span{font-family:var(--font-cormorant);font-size:76px;font-weight:300;line-height:1}.garden-event-date small{font-size:14px;margin-top:8px}.garden-weekday{font-style:italic;font-size:16px;color:var(--muted)}.garden-event h3{font-family:var(--font-cormorant);font-size:37px;line-height:1.3;font-weight:400;margin:4px 0}.garden-event-copy>p:last-child{color:var(--muted);font-size:18px}.garden-event-flower{color:var(--muted)}.garden-calendar-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:27px}.garden-calendar-row>p{font-size:15px;color:var(--muted);font-style:italic}.garden-text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #a5b396;color:var(--forest);font-size:16px!important;padding:8px 0;min-height:44px}.garden-text-button:hover{border-color:var(--forest)}.garden-countdown{background:var(--sage);padding:75px 24px 85px;text-align:center}.garden-countdown h2{font-size:clamp(35px,4vw,50px)}.garden-countdown>p{font-size:18px;color:var(--muted);margin-top:17px}.garden-clock{display:flex;justify-content:center;margin:42px auto 0;max-width:660px}.garden-clock>div{flex:1;position:relative}.garden-clock>div+div:before{content:":";position:absolute;left:-4px;top:12px;font-size:28px;color:#839078}.garden-clock span{font-family:var(--font-cormorant);font-size:70px;line-height:1;font-variant-numeric:tabular-nums;font-weight:300}.garden-clock small{display:block;font-family:var(--font-cinzel);font-size:9px;letter-spacing:.14em;margin-top:12px}.garden-venue{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;max-width:1160px;margin:auto;padding:120px 40px}.garden-venue-art{min-height:480px;background:url(/images/wedding-botanicals.webp) 35%/cover;display:grid;place-items:center}.garden-venue-arch{width:72%;height:380px;border:1px solid #95a286;border-radius:48% 48% 0 0;background:#fafbf6db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.garden-venue-arch>span{font-family:var(--font-cormorant);font-size:51px;line-height:1.05}.garden-venue-arch small{font-size:14px}.garden-venue-copy h2{font-size:43px;margin-bottom:30px}.garden-venue-copy h3{font-weight:400;font-size:26px;margin-bottom:6px}.garden-venue-copy>p{font-size:20px;color:var(--muted)}.garden-venue-note{font-size:17px!important;margin:24px 0 28px!important}.garden-venue-copy .garden-text-button{display:flex;margin-top:17px}.garden-copy-status{min-height:26px;font-size:14px!important;margin-top:8px!important}.garden-footer{border-top:1px solid var(--line);padding:55px 24px 35px;text-align:center;background:var(--sage)}.garden-footer>p{font-style:italic;font-size:20px}.garden-footer .garden-signature{margin:14px 0 3px;font-size:44px}.garden-footer small{display:block;font-size:14px;color:var(--muted)}.garden-footer>a{display:inline-flex;align-items:center;gap:7px;font-size:13px;margin-top:30px}@keyframes invitation-arrive{0%{transform:translateY(24px);filter:blur(5px);opacity:.3}to{transform:translateY(0);filter:blur(0);opacity:1}}@keyframes botanical-breathe{0%{transform:scale(1)}to{transform:scale(1.045) rotate(.3deg)}}@keyframes scroll-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes petal-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}15%{opacity:.7}85%{opacity:.5}to{opacity:0;transform:translate3d(65px,950px,0) rotate(280deg)}}.garden.motion-paused *{animation-play-state:paused!important;transition:none!important}.garden.motion-paused .garden-reveal{transform:none}@media(min-width:1600px){.garden-hero{min-height:900px}.garden-florals{background-size:100% 100%}}@media(max-width:767px){.garden-nav{height:72px;padding:0 18px}.garden-nav nav{gap:16px;font-size:9px;letter-spacing:.02em}.garden-monogram{font-size:26px}.garden-hero{min-height:calc(100svh - 72px);padding:70px 24px 90px}.garden-florals{background-size:auto 100%;background-position:50%;opacity:.62}.garden-arch{inset:25px 15px 38px}.garden-hero-content{width:100%}.garden-bismillah{font-size:25px}.garden-inviting{font-size:15px;max-width:230px;margin:20px auto 0!important}.garden h1{font-size:clamp(57px,12vw,86px);margin:29px 0 14px;line-height:1.25}.garden h1 em{font-size:30px;margin:8px 0}.garden-hero-date{font-size:18px;margin-top:23px}.garden-location{font-size:16px}.garden-side-note{display:none}.garden-letter-section{padding:65px 20px}.garden-letter{padding:42px 25px 48px}.garden-letter h2{font-size:36px}.garden-letter p{font-size:18px}.garden-seal{width:58px;height:58px;margin-bottom:25px}.garden-celebrations{padding:70px 24px}.garden-section-intro{display:block;margin-bottom:35px}.garden-section-intro>p{margin-top:22px;font-size:18px}.desktop-break{display:none}.garden-event{grid-template-columns:83px 1fr;gap:23px;padding:28px 0}.garden-event-date{padding-right:20px}.garden-event-date>span{font-size:59px}.garden-event-date small{font-size:11px;white-space:nowrap}.garden-event-flower{display:none}.garden-event h3{font-size:30px}.garden-event-copy>p:last-child{font-size:16px;line-height:1.45}.garden-calendar-row{align-items:flex-start;flex-direction:column;gap:13px}.garden-countdown{padding:62px 20px}.garden-countdown>p{font-size:16px}.garden-clock span{font-size:51px}.garden-clock small{font-size:8px;letter-spacing:.04em}.garden-clock>div+div:before{font-size:20px;top:6px}.garden-venue{grid-template-columns:1fr;gap:40px;padding:65px 24px 50px}.garden-venue-art{min-height:360px}.garden-venue-arch{height:300px;max-width:270px}.garden-venue-copy h2{font-size:37px}.garden-venue-copy{text-align:center}.garden-venue-copy .garden-text-button{margin:17px auto 0}.garden-footer{padding-top:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.garden *,.garden :after,.garden :before{animation:none!important;transition:none!important}.garden-reveal{transform:none}.garden-petals{display:none}}.garden-opening{position:fixed;inset:0;z-index:80;perspective:1600px;overflow:hidden;isolation:isolate;display:grid;place-items:center}.garden-opening-left,.garden-opening-right{position:absolute;top:0;bottom:0;width:50%;background-color:var(--paper);background-image:url(/images/wedding-botanicals.webp);background-size:200% 100%;backface-visibility:hidden;z-index:-1}.garden-opening-left{left:0;background-position:0;transform-origin:left center;border-right:1px solid #9dab8b}.garden-opening-right{right:0;background-position:100%;transform-origin:right center}.garden-opening-left:after,.garden-opening-right:after{content:"";position:absolute;inset:24px;border:1px solid #a5b39680;border-radius:48% 48% 0 0;pointer-events:none}.garden-door-welcome{text-align:center;padding:35px 24px;max-width:700px;background:#fafbf6e8;box-shadow:0 18px 65px #334a3c0a}.garden-door-welcome h2{font-family:var(--font-great-vibes),cursive;font-size:clamp(48px,6vw,79px);line-height:1.4;margin:25px 0 6px}.garden-door-welcome h2 em{font-family:var(--font-cormorant);font-size:.65em;margin:0 8px}.garden-door-date{font-size:19px;color:var(--muted)}.garden-door-play{display:grid;place-items:center;margin:32px auto 20px;width:84px;height:84px;border-radius:50%;border:1px solid var(--forest);color:var(--paper);background:var(--forest);box-shadow:0 8px 24px #334a3c20;transition:transform .25s,background .25s}.garden-door-play svg{margin-left:5px}.garden-door-play:hover:not(:disabled){transform:scale(1.06);background:#4c614c}.garden-door-play:disabled{cursor:default}.garden-door-welcome>p:last-child{font-size:17px;font-style:italic;color:var(--muted)}.doors-opening .garden-opening-left{animation:gatefold-left 1.7s cubic-bezier(.76,0,.24,1) forwards}.doors-opening .garden-opening-right{animation:gatefold-right 1.7s cubic-bezier(.76,0,.24,1) forwards}.doors-opening .garden-door-welcome{animation:door-welcome-away .6s ease-out forwards;pointer-events:none}.garden:not(.invitation-entered) .garden-page .garden-hero-content{animation:none}.garden:not(.invitation-entered) .garden-page .garden-florals,.garden:not(.invitation-entered) .garden-page .garden-petals i{animation-play-state:paused}@keyframes gatefold-left{0%,12%{transform:rotateY(0)}to{transform:rotateY(-105deg)}}@keyframes gatefold-right{0%,12%{transform:rotateY(0)}to{transform:rotateY(105deg)}}@keyframes door-welcome-away{to{opacity:0;transform:scale(.95)}}@media(max-width:767px){.garden-door-welcome{max-width:calc(100% - 36px);padding:30px 18px}.garden-door-welcome h2{font-size:48px}.garden-door-welcome h2 em{margin:0 2px}.garden-opening-left:after,.garden-opening-right:after{inset:12px}.garden-door-play{width:76px;height:76px}.garden-opening-left,.garden-opening-right{background-size:auto 100%}}@media(prefers-reduced-motion:reduce){.doors-opening .garden-door-welcome,.doors-opening .garden-opening-left,.doors-opening .garden-opening-right{animation:none!important}}.portrait-celebration{padding:85px 24px 60px;text-align:center;overflow:hidden;background:var(--paper)}.portrait-heading{position:relative;z-index:2}.portrait-heading p{color:var(--muted);margin-top:18px;font-size:19px}.portrait-stage{position:relative;isolation:isolate;max-width:1160px;margin:45px auto 20px;padding:35px 0 15px}.portrait-botanicals{position:absolute;inset:0;background:url(/images/wedding-botanicals.webp) 50%/cover no-repeat;opacity:.64;z-index:-1;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 85%,transparent)}.portrait-frame{position:relative;width:min(100% - 40px,460px);margin:auto;background:var(--paper);padding:12px 12px 0;box-shadow:0 22px 55px #334a3c20;z-index:1;transform-origin:50% 70%}.portrait-frame:before{content:"";position:absolute;inset:-12px;border:1px solid #a6b294;pointer-events:none}.portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:912/1136;-o-object-fit:contain;object-fit:contain}.portrait-frame figcaption{font-family:var(--font-great-vibes),cursive;font-size:39px;line-height:1.7;padding:17px 0 13px}.portrait-frame figcaption span{font-family:var(--font-cormorant);font-style:italic;font-size:27px;margin:0 5px}.portrait-fireworks,.portrait-petals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.portrait-petals{overflow:hidden}.portrait-petals span{position:absolute;top:-30px;width:13px;height:19px;background:#edd0c9;border-radius:85% 12% 80% 20%;box-shadow:inset 2px 1px 3px #fff8;animation:portrait-petal-drift 13s linear infinite;animation-play-state:paused;opacity:0}.portrait-petals span:nth-child(3n){background:#f3e6c9;width:10px;height:15px}.portrait-petals span:nth-child(4n){background:#a9b69b}.portrait-playing .portrait-petals span{animation-play-state:running}.portrait-controls{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:28px}.portrait-controls button:disabled{opacity:.5;cursor:default}.portrait-motion-note{font-size:14px;color:var(--muted);margin-top:16px!important}@keyframes portrait-petal-drift{0%{opacity:0;transform:translate3d(-20px,-20px,0) rotate(0deg)}12%{opacity:.85}50%{transform:translate3d(30px,340px,0) rotate(130deg)}88%{opacity:.7}to{opacity:0;transform:translate3d(-15px,800px,0) rotate(300deg)}}@media(max-width:767px){.portrait-celebration{padding:60px 16px 35px}.portrait-heading h2{font-size:37px}.portrait-heading p{font-size:17px;max-width:260px;margin:17px auto 0}.portrait-stage{margin-top:30px;padding-top:25px}.portrait-frame{width:calc(100% - 42px);padding:8px 8px 0}.portrait-frame:before{inset:-9px}.portrait-frame figcaption{font-size:33px;padding:10px 0}.portrait-controls{gap:20px;margin-top:18px}.portrait-controls .garden-text-button{font-size:14px!important}.portrait-botanicals{inset:-10px -16px;opacity:.45}}@media(prefers-reduced-motion:reduce){.portrait-fireworks,.portrait-petals{display:none}}.garden-wishes{background:var(--sage);padding:90px 6% 100px;border-top:1px solid var(--line)}.wishes-heading{text-align:center;margin:0 auto 55px}.wishes-heading>svg{margin:0 auto 20px;color:var(--muted)}.wishes-heading p{margin-top:20px;color:var(--muted)}.wishes-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;align-items:start}.wishes-form{background:var(--paper);padding:38px;position:relative}.wishes-form h3,.wishes-wall h3{font:400 31px/1.2 var(--font-cormorant),serif}.wishes-form>p{font-size:16px;color:var(--muted);margin:12px 0 28px}.wishes-form label{display:block;font-size:17px;margin:21px 0 8px}.wishes-form input,.wishes-form textarea{display:block;width:100%;padding:13px 14px;background:#fffefb;border:1px solid #acb79f;color:var(--forest);font:18px/1.5 var(--font-eb-garamond),serif;border-radius:0}.wishes-form textarea{resize:vertical;min-height:150px}.wishes-form input::-moz-placeholder,.wishes-form textarea::-moz-placeholder{color:var(--muted);opacity:1}.wishes-form input::placeholder,.wishes-form textarea::placeholder{color:var(--muted);opacity:1}.wish-length{display:block;text-align:right;font-size:13px;color:var(--muted);margin:6px 0 19px}.wishes-form .garden-button{width:100%;font-size:11px!important}.garden-wishes button:disabled{opacity:.6;cursor:wait;transform:none}.wish-error,.wish-success{font-size:16px;line-height:1.45;margin-top:16px!important}.wish-success:empty{display:none}.wish-error{color:#943c3f}.wish-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wishes-wall-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0 25px;border-bottom:1px solid #bdc8b3}.wish-refresh{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #bdc8b3;border-radius:50%;background:transparent;color:var(--forest)}.wish-refresh:hover{background:var(--paper)}.wishes-empty{padding:65px 20px;text-align:center;color:var(--muted);font-size:17px}.wishes-empty>svg{margin:0 auto 22px}.wishes-empty h4{font:italic 400 30px/1.2 var(--font-cormorant);color:var(--forest);margin-bottom:15px}.wishes-load-error{padding:30px 0;font-size:17px;color:var(--muted)}.wish-note{padding:26px 0;border-bottom:1px solid #bdc8b3;animation:wish-bloom .55s cubic-bezier(.16,1,.3,1)}.wish-note>p{font-size:22px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.wish-note footer{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:20px;font-size:15px}.wish-note footer span{font-style:italic;overflow-wrap:anywhere}.wish-note time{font-size:13px;color:var(--muted);white-space:nowrap}.wishes-wall>.garden-text-button{margin-top:22px}@keyframes wish-bloom{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.garden-wishes{padding:60px 22px}.wishes-heading{margin-bottom:35px}.wishes-heading h2{font-size:38px}.wishes-layout{grid-template-columns:1fr;gap:40px}.wishes-form{padding:27px 22px}.wishes-wall h3{font-size:28px}.wish-note>p{font-size:20px}.garden-nav nav{gap:12px;font-size:8px}.garden-nav{padding:0 12px}.garden-monogram{font-size:23px}.garden-motion{width:38px;height:38px}.wishes-empty{padding:40px 10px}}@media(prefers-reduced-motion:reduce){.wish-note{animation:none}}.garden-audio-player{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:12px;background:var(--paper);color:var(--forest);border:1px solid #a6b294;padding:4px 14px;box-shadow:0 8px 26px #334a3c18}.garden-audio-player button{display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;border:0;color:inherit;font-size:15px}.garden-audio-player button:hover{color:#65795b}.garden-audio-volume{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:12px}.garden-audio-volume input{width:70px;min-height:32px;accent-color:var(--forest);cursor:pointer}.garden-audio-error{position:absolute;right:0;bottom:calc(100% + 8px);width:260px;padding:12px 16px;border:1px solid var(--line);background:var(--paper);font-size:15px;line-height:1.4}.garden.invitation-entered .garden-footer{padding-bottom:105px}@media(max-width:767px){.garden-audio-player{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:8px;padding:3px 10px}.garden-audio-player button{font-size:13px;gap:8px}.garden-audio-volume{padding-left:9px;gap:5px}.garden-audio-volume input{width:55px}}