:root{color-scheme:light;--ink:#473930;--sand:#ddd2bf;--cream:#d9c8b7;--taupe:#917c67;--gold:#b49054;--serif:"Source Serif 4",Georgia,serif;--script:"Great Vibes",cursive;--detail:"Annapurna SIL",Georgia,serif;--body:"Abhaya Libre",Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#302720;color:var(--ink);font-family:var(--serif)}a{color:inherit}button{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}body:has(dialog[open]){overflow:hidden}.desktop-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(#2c211ac9,#2c211ac9),url(/invitacion/boda-moka/assets/5ff21.png) center 42%/cover no-repeat}.invitation{container-type:inline-size;position:relative;width:min(100%,650px);margin:200px auto;overflow:hidden;border-radius:50px;box-shadow:0 18px 70px #0004;background:#fff}.sheet{--u:calc(100cqw / 402);position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#fff;font-size:calc(18 * var(--u))}.sheet p,.sheet h1,.sheet h2,.sheet h3,.sheet figure{margin:0;font-weight:400}.sheet section,.sheet footer{position:relative;z-index:2}.sheet h2{font:400 calc(34 * var(--u))/calc(35 * var(--u)) var(--serif)}.paper{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.paper-tile{position:absolute;left:0;top:calc(var(--tile) * 604 * var(--u));width:100%;height:calc(604 * var(--u));overflow:hidden}.paper-tile img{position:absolute;left:50%;top:50%;width:calc(604 * var(--u));height:calc(402 * var(--u));object-fit:cover;opacity:.8;transform:translate(-50%,-50%) rotate(var(--turn)) scaleY(var(--flip))}.paper-tint{position:absolute;inset:0;background:#eedaa2;mix-blend-mode:color;opacity:.16}.intro{height:calc(512 * var(--u));color:#fff}.hero-photo,.hero-shade{position:absolute;inset:0;overflow:hidden}.hero-photo img{position:absolute;width:125.53%;height:132%;left:-12.76%;top:-20.97%;max-width:none}.hero-shade{background:#47393033;pointer-events:none}.couple-names{display:flex;justify-content:center;align-items:baseline;gap:calc(18 * var(--u));font:300 calc(50 * var(--u))/calc(55 * var(--u)) var(--serif);letter-spacing:calc(-2.5 * var(--u));text-transform:uppercase;white-space:nowrap}.couple-names .ampersand{font-size:calc(30 * var(--u));letter-spacing:0}.intro .couple-names{position:absolute;top:calc(228 * var(--u));width:100%}.hero-date{position:absolute;left:0;top:calc(341 * var(--u));width:100%;font-weight:300;text-transform:uppercase}.hero-date p:first-child{font-size:calc(22 * var(--u));line-height:calc(55 * var(--u));letter-spacing:calc(-1.1 * var(--u))}.hero-date p:last-child{font-size:calc(50 * var(--u));line-height:calc(55 * var(--u));letter-spacing:calc(-2.5 * var(--u));margin-top:calc(-12 * var(--u))}.our-story{height:calc(284 * var(--u));background:var(--sand);padding-top:calc(64 * var(--u))}.our-story h2{font:400 calc(48 * var(--u))/calc(22 * var(--u)) var(--script)}.our-story>p{width:calc(344 * var(--u));margin:calc(54 * var(--u)) auto 0;font:400 calc(18 * var(--u))/calc(22 * var(--u)) var(--body)}.story-portrait{height:calc(392 * var(--u));padding-top:calc(24 * var(--u))}.kicker{font-size:calc(14 * var(--u));line-height:calc(55 * var(--u));letter-spacing:calc(2.1 * var(--u))}.photo{position:relative;margin-inline:auto!important}.photo-window{position:relative;width:100%;height:100%;overflow:hidden}.photo-window>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.story-photo{width:calc(340 * var(--u));height:calc(246 * var(--u));border:calc(10 * var(--u)) solid white;box-shadow:0 calc(4 * var(--u)) calc(4 * var(--u)) calc(2 * var(--u)) #00000026;margin-top:calc(18 * var(--u))!important}.calendar-section{height:calc(600 * var(--u));background:var(--ink);color:var(--cream);padding-top:calc(49 * var(--u))}.save-date{height:calc(190 * var(--u));position:relative}.save-date p:first-child{font:300 calc(35 * var(--u))/calc(50 * var(--u)) var(--serif);letter-spacing:calc(-1.75 * var(--u))}.save-date p:last-child{position:absolute;top:calc(35 * var(--u));width:100%;font:italic 500 calc(100 * var(--u))/calc(130 * var(--u)) var(--serif);letter-spacing:calc(-5 * var(--u));color:#5f4c40}.calendar-section h2{font-size:calc(40 * var(--u));line-height:calc(55 * var(--u));letter-spacing:calc(2 * var(--u))}.calendar{width:calc(352 * var(--u));margin:calc(20 * var(--u)) auto 0;font-family:var(--detail)}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center}.calendar [role=columnheader]{font-size:calc(15 * var(--u));line-height:calc(30 * var(--u))}.calendar-day{position:relative;display:grid;place-items:center;height:calc(40 * var(--u));font-size:calc(20 * var(--u));line-height:calc(30 * var(--u))}.calendar-day>img{position:absolute;left:50%;top:50%;width:calc(52 * var(--u));height:auto;transform:translate(-50%,-50%)}.calendar-day>span{position:relative}.countdown-section{height:calc(210 * var(--u))}.countdown-section:before{content:"";position:absolute;inset:0 0 auto;height:calc(124 * var(--u));background:var(--ink);z-index:-1}.countdown-box{width:calc(352 * var(--u));height:calc(169 * var(--u));margin:auto;background:var(--sand);padding-top:calc(23 * var(--u));font-family:var(--body)}.countdown-box h2{font:400 calc(22 * var(--u))/calc(26 * var(--u)) var(--body)}.countdown-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:calc(14 * var(--u))}.countdown-units>div{display:flex;flex-direction:column;align-items:center}.countdown-number{font-size:calc(47.532 * var(--u));line-height:calc(57 * var(--u));font-variant-numeric:tabular-nums}.countdown-label{font-size:calc(13.173 * var(--u));line-height:calc(22 * var(--u))}.venue{height:calc(605 * var(--u));display:flex;align-items:center;flex-direction:column}.venue-icon{display:block;width:calc(64 * var(--u));height:auto}.venue h2{font:400 calc(36 * var(--u))/calc(35 * var(--u)) var(--script);margin-top:calc(28 * var(--u))}.venue-time{font:400 calc(40 * var(--u))/calc(53 * var(--u)) var(--detail);color:var(--gold)}.venue-photo{width:calc(314 * var(--u));height:calc(204 * var(--u));border:calc(13.25 * var(--u)) solid white;box-shadow:calc(1.109 * var(--u)) calc(4.435 * var(--u)) calc(6.653 * var(--u)) #0005;transform:rotate(.07deg);margin-top:calc(11 * var(--u))!important}.venue h3{font-size:calc(20 * var(--u));line-height:calc(28 * var(--u));margin-top:calc(21 * var(--u))}.venue-address{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));margin-top:calc(8 * var(--u))!important}.venue-address span{display:block}.button{display:inline-flex;align-items:center;justify-content:center;width:calc(217 * var(--u));min-height:calc(38 * var(--u));border:0;border-radius:100px;background:var(--taupe);color:#fff;text-decoration:none;font:400 calc(20 * var(--u))/calc(28 * var(--u)) var(--serif);cursor:pointer;transition:background .25s}.button:hover{background:#77614e}.venue .button{margin-top:calc(31 * var(--u))}.reception{height:calc(547 * var(--u))}.reception .venue-icon{width:calc(66 * var(--u))}.reception h2{margin-top:calc(15 * var(--u))}.reception .venue-time{margin-top:calc(3 * var(--u))}.reception .venue-photo{margin-top:calc(16 * var(--u))!important}.couple-collage{height:calc(379 * var(--u))}.collage-band{position:absolute;inset:auto 0 0;height:calc(245 * var(--u));background:var(--taupe)}.collage-first,.collage-second{position:absolute;width:calc(183.225 * var(--u));height:calc(238.193 * var(--u));padding:calc(13 * var(--u)) calc(13 * var(--u)) calc(29 * var(--u));background:#fff;box-shadow:0 calc(4 * var(--u)) calc(4 * var(--u)) #0004;top:calc(72 * var(--u))}.collage-first{left:calc(28 * var(--u));transform:rotate(-9.07deg);z-index:1}.collage-second{left:calc(190 * var(--u));transform:rotate(15.27deg);z-index:2}.itinerary{height:calc(808 * var(--u));background:var(--ink);color:var(--cream);padding-top:calc(50 * var(--u))}.itinerary h2{font-size:calc(32 * var(--u));line-height:calc(48 * var(--u));letter-spacing:calc(3.2 * var(--u))}.itinerary-rule{height:calc(54 * var(--u));width:1px;background:var(--cream);margin:calc(20 * var(--u)) auto calc(15 * var(--u))}.itinerary ol{list-style:none;margin:0;padding:0}.itinerary li{display:grid;grid-template-columns:calc(171 * var(--u)) 1fr;height:calc(120 * var(--u));text-align:left}.activity-time{font:300 calc(50 * var(--u))/calc(55 * var(--u)) var(--serif);letter-spacing:calc(-2.5 * var(--u));text-align:center;padding-left:calc(44 * var(--u))}.activity-copy{padding-top:calc(9 * var(--u));padding-right:calc(21 * var(--u));font-family:Arima,Georgia,serif}.activity-copy h3{font-size:calc(18 * var(--u));line-height:calc(28 * var(--u));font-weight:700}.activity-copy>p{font-size:calc(10 * var(--u));line-height:calc(16 * var(--u));margin-top:calc(5 * var(--u))}.dress-code{height:calc(840 * var(--u));padding-top:calc(37 * var(--u))}.dress-icon{display:block;margin:auto;width:calc(100.995 * var(--u));height:auto}.dress-code h2{margin-top:calc(24 * var(--u))}.dress-code>p{width:calc(344 * var(--u));margin:calc(22 * var(--u)) auto 0;font:400 calc(16 * var(--u))/calc(22 * var(--u)) var(--body)}.palette{display:flex;justify-content:center;gap:calc(17 * var(--u));margin-top:calc(55 * var(--u))}.palette span{width:calc(60 * var(--u));height:calc(84 * var(--u));border-radius:100px 100px 0 0;background:var(--swatch)}.dress-photo{width:calc(318 * var(--u));height:calc(336 * var(--u));margin:calc(29 * var(--u)) auto 0;position:relative;overflow:hidden}.dress-photo img{position:absolute;top:-.01%;left:0;width:100%;height:147.63%;max-width:none}.gifts{height:calc(256 * var(--u))}.envelope-icon{position:relative;width:calc(80.5156 * var(--u));height:calc(56.6357 * var(--u));margin:auto}.envelope-icon img:first-child{position:absolute;top:calc(11.3 * var(--u));left:calc(1.2 * var(--u));width:calc(78.0956 * var(--u));height:auto}.envelope-icon img:last-child{position:absolute;left:0;top:0;width:calc(80.5156 * var(--u));height:auto}.gifts h2{margin-top:calc(19 * var(--u))}.gifts>p{width:calc(344 * var(--u));margin:calc(22 * var(--u)) auto 0;font:400 calc(18 * var(--u))/calc(26 * var(--u)) var(--body)}.rsvp{height:calc(620 * var(--u));padding-top:calc(41 * var(--u));color:#fff}.rsvp-background{position:absolute;top:0;left:0;width:100%;height:calc(530 * var(--u));background:var(--ink);z-index:-1;overflow:hidden}.rsvp-background img{width:100%;height:100%;object-fit:cover;mix-blend-mode:color-burn;opacity:.1}.rsvp-icon{display:block;margin:auto;width:calc(68 * var(--u));height:auto}.rsvp h2{font-size:calc(28 * var(--u));line-height:calc(35 * var(--u));margin-top:calc(13 * var(--u))}.rsvp>p{width:calc(344 * var(--u));margin:calc(19 * var(--u)) auto 0;font-size:calc(16 * var(--u));line-height:calc(24 * var(--u))}.rsvp .button{margin-top:calc(30 * var(--u));font-family:var(--detail);font-size:calc(22 * var(--u))}.gold{background:var(--gold)}.rsvp-photo{width:calc(333 * var(--u));height:calc(227 * var(--u));border:calc(10 * var(--u)) solid white;box-shadow:0 calc(4 * var(--u)) calc(4 * var(--u)) #0004;margin-top:calc(77 * var(--u))!important}.album{height:calc(382 * var(--u));padding-top:calc(62 * var(--u))}.camera-icon{display:block;margin:auto;width:calc(62 * var(--u));height:auto}.album h2{margin-top:calc(15 * var(--u))}.album>p{width:calc(344 * var(--u));margin:calc(19 * var(--u)) auto 0;font:400 calc(18 * var(--u))/calc(26 * var(--u)) var(--body)}.album .button{margin-top:calc(28 * var(--u));font-family:var(--detail);font-size:calc(22 * var(--u))}.closing{height:calc(260 * var(--u));padding-top:calc(15 * var(--u))}.closing>p{width:calc(298 * var(--u));margin:auto;font:400 calc(16 * var(--u))/calc(26 * var(--u)) var(--body)}.closing-names{margin-top:calc(78 * var(--u))!important}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--u)) calc(11 * var(--u));padding:0 calc(15 * var(--u)) calc(15 * var(--u));background:var(--sand)}.gallery:before{content:"";position:absolute;left:0;right:0;top:calc(-122 * var(--u));height:calc(122 * var(--u));background:var(--sand);z-index:-1}.gallery-item{position:relative;border:0;padding:0;background:transparent;cursor:zoom-in;overflow:hidden;height:calc(121 * var(--u))}.gallery-item img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.gallery-item.hero img{height:201.45%;top:-25.37%;object-fit:fill}.gallery-item.portrait img{height:201.45%;top:-26.19%;object-fit:fill}.sheet footer{height:calc(33 * var(--u));display:grid;place-items:center;background:var(--ink);color:#fff;font:700 calc(12 * var(--u))/1.4 "Plus Jakarta Sans",sans-serif}.sheet footer a{text-decoration:none}.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:60px 64px;background:#211a16f5;color:#fff;overflow:hidden}.lightbox[open]{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;align-items:center}.lightbox::backdrop{background:#211a16}.lightbox figure{margin:0;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.lightbox figure img{display:block;max-width:100%;max-height:calc(100% - 35px);object-fit:contain}.lightbox figcaption{font:14px/1.5 var(--serif)}.lightbox button{border:0;background:transparent;color:#fff;cursor:pointer;font:48px/1 Georgia,serif;width:44px;min-height:44px}.lightbox-close{position:absolute;right:16px;top:12px}.demo-dialog{width:min(440px,calc(100% - 36px));padding:45px 32px;border:0;border-radius:12px;background:#f5efe4;color:var(--ink);text-align:center}.demo-dialog::backdrop{background:#2d231ec9}.demo-close{position:absolute;right:12px;top:6px;background:none;border:0;font-size:32px;cursor:pointer}.demo-eyebrow{font:11px var(--serif);letter-spacing:2px}.demo-dialog h2{font:32px/1.1 var(--script)}.demo-message{font-size:16px;line-height:1.5}.demo-dialog .button{font-size:14px;min-height:40px;width:180px}@media(max-width:767px){.invitation{margin:0 auto;width:100%;max-width:650px;border-radius:0;box-shadow:none}.desktop-background{display:none}body{background:#f3eee5}.lightbox{padding:60px 8px}.lightbox[open]{grid-template-columns:34px minmax(0,1fr) 34px;gap:0}.lightbox button{width:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.sheet .couple-names,.hero-date p{font-weight:300}.venue>*{flex-shrink:0}.venue h3{line-height:calc(24 * var(--u))}.venue-address{line-height:calc(16 * var(--u));margin-top:calc(12 * var(--u))!important}.reception h3{margin-top:calc(19 * var(--u))}.dress-code>p{line-height:calc(18 * var(--u))}.collage-first{top:calc(69 * var(--u))}.collage-second{top:calc(80 * var(--u))}.gallery:before{display:none}.closing:before{content:"";position:absolute;inset:calc(138 * var(--u)) 0 0;background:var(--sand);z-index:-1}:root{--lunaria-paper:url(/invitacion/boda-moka/assets/71fa1.png);--lunaria-meet:51%;--lunaria-linea:rgba(91,115,139,.45)}html.envelope-pending,html.envelope-pending body{overflow:hidden}html:not(.envelope-pending) .lunaria-envelope-overlay{display:none}.lunaria-envelope-overlay{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#e7e3d9;transition:opacity .9s ease}.lunaria-envelope-overlay.envelope-exit{opacity:0;pointer-events:none}.lunaria-envelope{position:absolute;inset:0;perspective:1600px}.lunaria-back{position:absolute;inset:0;background:linear-gradient(145deg,#c6cdd0aa,#ddd6c999),var(--lunaria-paper) center / cover;box-shadow:inset 0 0 100px #555b6526}.lunaria-flap{position:absolute;inset:0;transform-origin:var(--hinge);transition:transform 1.15s cubic-bezier(.45,0,.2,1),opacity .9s ease;will-change:transform,opacity}.lunaria-flap:before{content:"";position:absolute;inset:0;clip-path:var(--shape);background-image:var(--light),var(--lunaria-paper);background-size:100% 100%,cover;background-position:center,var(--grain-position,center)}.flap-left{--shape:polygon(0 0,53% 51%,0 100%);--hinge:0% 50%;--light:linear-gradient(100deg,#fffaf173,#e6dfcf9e 90%);--grain-position:20% 10%;z-index:2;filter:drop-shadow(2px 0 1px #6e665e24) drop-shadow(8px 0 12px #5a53491c)}.flap-right{--shape:polygon(100% 0,100% 100%,47% 51%);--hinge:100% 50%;--light:linear-gradient(255deg,#f8f2e88c,#d7d0c4b0);--grain-position:80% 20%;z-index:3;filter:drop-shadow(-2px 0 1px #6e665e24) drop-shadow(-8px 0 12px #5a53491c)}.flap-bottom{--shape:polygon(0 100%,0 98%,50% 46%,100% 98%,100% 100%);--hinge:50% 100%;--light:linear-gradient(0deg,#eee7da88,#fffaf070 70%,#c9bfae8c);--grain-position:50% 90%;z-index:4;filter:drop-shadow(0 -1px 1px #fff9eb) drop-shadow(0 -4px 4px #71655526)}.flap-top{--shape:polygon(0 0,100% 0,100% 1%,51% 53%,50% 53.5%,49% 53%,0 1%);--hinge:50% 0%;--light:linear-gradient(165deg,#fffdf580,#f1e9da8c 65%,#d8cebd99);--grain-position:50% 0%;z-index:5;filter:drop-shadow(0 1px 1px #86756255) drop-shadow(0 7px 7px #67533b2e)}.flap-top.is-open{transform:rotateX(155deg);opacity:0}.flap-bottom.is-open{transform:translateY(85%) rotateX(-35deg);opacity:0}.flap-left.is-open{transform:translate(-90%) rotateY(-35deg);opacity:0}.flap-right.is-open{transform:translate(90%) rotateY(35deg);opacity:0}.lunaria-envelope:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 28% 14%,#fff9e929,transparent 65%),radial-gradient(ellipse at 50% 50%,transparent 30%,#5b514611 100%)}.lunaria-seal-wrapper{position:absolute;left:50%;top:var(--lunaria-meet);width:clamp(170px,24vw,214px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:10;border:0;padding:0;background:transparent;color:#526374;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .5s ease,opacity .5s ease}.lunaria-seal-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 1px #27374455) drop-shadow(3px 9px 7px #3d495b40);transition:transform .3s ease,filter .3s ease}.lunaria-seal-wrapper:hover .lunaria-seal-img{transform:rotate(-3deg) scale(1.035);filter:drop-shadow(1px 3px 1px #27374455) drop-shadow(4px 13px 9px #3d495b40)}.lunaria-seal-wrapper.seal-hide{transform:translate(-50%,-55%) rotate(-9deg) scale(1.15);opacity:0;pointer-events:none}.lunaria-tooltip{position:absolute;left:50%;bottom:calc(100% - 9px);transform:translate(-50%);padding:8px 17px;border:1px solid #fffdf1cc;border-radius:30px;background:#fffdf2b8;box-shadow:0 3px 12px #6e63500d;font:13px Georgia,Times New Roman,serif;letter-spacing:1px;white-space:nowrap;animation:lunaria-breathe 2.8s ease-in-out infinite}@keyframes lunaria-breathe{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.lunaria-seal-wrapper:focus-visible{outline:none}.lunaria-seal-wrapper:focus-visible .lunaria-seal-img{outline:2px solid var(--lunaria-linea);outline-offset:-18px;border-radius:50%}@media(prefers-reduced-motion:reduce){.lunaria-flap,.lunaria-envelope-overlay,.lunaria-seal-wrapper,.lunaria-seal-img{transition:none}.lunaria-tooltip{animation:none}}.lunaria-seal-wrapper{width:clamp(144px,20vw,180px);color:#655343}.lunaria-seal-img.wax-seal{display:grid;place-items:center;position:absolute;width:76%;height:76%;left:12%;top:12%;border-radius:46% 54% 48% 52%/54% 46%;background:radial-gradient(ellipse at 28% 20%,#c5aa8c 0,#927257,#5e4432 84%);box-shadow:inset 1px 3px 3px #e5d2b9b3,inset -2px -3px 3px #3b2719aa,1px 7px 8px #49342440;filter:none}.wax-seal:before{content:"";position:absolute;inset:10%;border-radius:50%;border:3px solid #9c7e61;box-shadow:inset 1px 2px 3px #4e3628,1px 1px 2px #dec6a7}.wax-seal>span{font:400 clamp(38px,5vw,49px)/1 var(--script);position:relative;top:5px;color:#ad8c6d;text-shadow:1px 1px 0 #ddc4a3,-1px -1px 1px #392719}.lunaria-seal-wrapper:focus-visible .wax-seal{outline-offset:8px}#boreal-music-wrap{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}#boreal-music-wrap.is-visible{opacity:1;visibility:visible;pointer-events:auto}#boreal-music-label{background:#1a1a1a;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.3px;line-height:1;padding:8px 14px;border-radius:20px;white-space:nowrap;position:relative;box-shadow:0 4px 12px #3c2d1438;transition:opacity .6s ease,transform .6s ease}#boreal-music-label:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent #1a1a1a}#boreal-music-label.label-hide{opacity:0;transform:translate(8px);pointer-events:none}#boreal-music-toggle{position:relative;width:54px;height:54px;border-radius:50%;border:none;background:#2b2620;color:#efe8d8;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #3c2d1447;transition:transform .25s ease;flex:none}#boreal-music-toggle:hover{transform:scale(1.08)}#boreal-music-toggle:active{transform:scale(.95)}#boreal-music-toggle svg{position:absolute}#boreal-music-toggle.is-playing .icon-off,#boreal-music-toggle.is-muted .icon-on{display:none}#boreal-music-toggle.is-playing .icon-on,#boreal-music-toggle.is-muted .icon-off{display:block}#boreal-music-toggle.is-playing:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(43,38,32,.35);animation:boreal-pulse 1.8s ease-out infinite}@keyframes boreal-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.4);opacity:0}}@media(max-width:480px){#boreal-music-wrap{bottom:16px;right:16px;gap:8px}#boreal-music-label{font-size:12px;padding:7px 12px}#boreal-music-toggle{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){#boreal-music-toggle.is-playing:before{animation:none}}
