:root{--ivory:#faf6ee;--ink:#3c3124;--muted:#786b5b;--gold:#b88b46;--gold-dark:#8b632c;--champagne:#e7cf9e;--display:"Aref Ruqaa", "Amiri", serif;--body:"Tajawal", "Segoe UI", sans-serif;color:var(--ink);background:var(--ivory);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-top:1rem}html::-webkit-scrollbar{display:none}#root{min-height:100svh}body{background:var(--ivory);min-width:320px;min-height:100svh;margin:0}body.invitation-closed{overflow:hidden}button,input,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{color:#fff;background:var(--gold-dark)}img{display:block}main{background:var(--ivory);overflow:hidden}.section{padding:6.5rem 1.3rem;position:relative}.section-inner{width:min(1120px,100%);margin-inline:auto}.section-heading{text-align:center;margin-bottom:2rem}.section-heading>span{color:var(--gold-dark);letter-spacing:.18em;margin-bottom:.7rem;font-size:.78rem;font-weight:600;display:block}.section-heading h2{color:var(--ink);font-family:var(--display);margin:0;font-size:clamp(2.15rem,6vw,4rem);font-weight:500;line-height:1.25}.section-heading--light>span,.section-heading--light h2{color:var(--ivory)}.heading-ornament{width:min(190px,55%);color:var(--gold);justify-content:center;align-items:center;gap:.7rem;margin:1rem auto 0;display:flex}.heading-ornament i{background:linear-gradient(270deg,#0000,currentColor);width:58px;height:1px}.heading-ornament i:last-child{background:linear-gradient(90deg,#0000,currentColor)}.section-intro{max-width:580px;color:var(--muted);text-align:center;margin:-.8rem auto 2.8rem;line-height:2}.gold-button{border:1px solid var(--gold);color:#fff;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#a47a35,#d4b875,#a47a35) 0 0/200% 100%;border-radius:100px;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.5rem;font-weight:600;transition:transform .3s,box-shadow .3s,background-position .5s;display:inline-flex;box-shadow:0 12px 30px #815b232e}.gold-button:not(:disabled):hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 16px 40px #815b2345}.gold-button:disabled{opacity:.76;cursor:default}.invitation-gate{z-index:1000;background:#efe3d0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gate-panel{z-index:1;background:radial-gradient(circle at 100%,#bc944e21,#0000 30%),linear-gradient(135deg,#f7efe3,#e9dac4);width:50.1%;height:100%;position:absolute;top:0}.gate-panel:before{content:"";border:1px solid #a57c3c52;position:absolute;inset:18px}.gate-panel:after{content:"";border:1px solid #a57c3c3d;border-radius:50% 50% 4px 4px;width:310px;height:430px;position:absolute;top:50%;transform:translateY(-50%)}.gate-panel--right{right:0}.gate-panel--right:after{right:-110px}.gate-panel--left{transform-origin:0;left:0}.gate-panel--left:after{left:-110px}.gate-content{z-index:3;width:min(390px,100% - 44px);color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f1e6d1;border:1px solid #a0753366;border-radius:48% 48% 12px 12px/22% 22% 12px 12px;flex-direction:column;align-items:center;padding:2.4rem 1.25rem 2.2rem;display:flex;position:relative;box-shadow:0 30px 90px #4a341921}.gate-content:before,.gate-content:after{color:#a2763273;content:"❦";font-size:2rem;position:absolute}.gate-content:before{top:.55rem}.gate-content:after{bottom:.4rem;transform:rotate(180deg)}.gate-ayah{color:#7d5b29;text-align:center;max-width:280px;margin:0 auto 1.35rem}.gate-ayah p{color:#7d5b29;font-family:var(--display);margin:0;font-size:clamp(.95rem,3.6vw,1.12rem);font-weight:400;line-height:1.9}.gate-ayah span{color:#7d5b29b8;letter-spacing:.08em;margin-top:.55rem;font-size:.68rem;display:block}.gate-seal{filter:drop-shadow(0 14px 18px #5b3b123d);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(138px,42vw,170px);height:auto;margin:.35rem 0 1rem;transition:filter .35s,transform .35s}.gate-content:hover .gate-seal{filter:drop-shadow(0 18px 24px #5b3b124d)}.gate-content button{color:#fff;min-width:170px;min-height:50px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#9d7131,#caa85f);border:0;border-radius:100px;justify-content:center;align-items:center;gap:.6rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 32px #6d491947}.gate-content button:hover{transform:translateY(-2px);box-shadow:0 16px 38px #6d49195c}.music-control{z-index:50;color:#6d5128;min-height:44px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbf4e0;border:1px solid #c19d5b8c;border-radius:100px;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.72rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 34px #422f172e}.music-control.is-playing svg{animation:1.8s ease-in-out infinite music-pulse}.hero-section{isolation:isolate;color:#7c5b2d;background:radial-gradient(circle at 50% 28%,#ffffffeb,#0000 42%),linear-gradient(165deg,#f8e7d2,#f1d7ba 48%,#f7ebdb);place-items:center;min-height:85svh;padding:3.2rem 1.2rem 4.5rem;display:grid;position:relative;overflow:hidden}.hero-backdrop{z-index:-3;background-image:var(--hero-image);filter:saturate(.86)sepia(.1)contrast(.94);background-position:50% 42%;background-size:cover;position:absolute;inset:0;transform:scale(1.045)}.hero-backdrop:after{content:"";background:radial-gradient(circle at 50% 40%,#fff9ee66,#f5e1c7b0 70%),linear-gradient(#f7e7d25c,#efd3b3b3);position:absolute;inset:0}.hero-glow{z-index:-1;border:1px solid #a77a3e1f;border-radius:50%;width:min(560px,120vw);height:min(560px,120vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hero-sparkles{z-index:-1;opacity:.62;pointer-events:none;background-image:radial-gradient(circle,#fffffff2 0 1px,#0000 1.8px),radial-gradient(circle,#fffce2e0 0 1.4px,#0000 2.1px);background-position:0 0,28px 44px;background-size:54px 68px,84px 96px;animation:16s linear infinite sparkle-drift;position:absolute;inset:0}.hero-frame{pointer-events:none;border:1px solid #a77a3e47;position:absolute;inset:18px}.hero-frame:before,.hero-frame:after{content:"";border-style:solid;border-color:#a77a3e8c;width:46px;height:46px;position:absolute}.hero-frame:before{border-width:2px 2px 0 0;top:-1px;right:-1px}.hero-frame:after{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.hero-content{z-index:2;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#fffcf58f,#faedd973);border:1px solid #9b6d2d4d;border-radius:48% 48% 8px 8px/17% 17% 8px 8px;width:min(650px,100% - 8px);padding:clamp(2.6rem,8vw,4rem) clamp(.8rem,4vw,2rem) 3rem;position:relative;box-shadow:0 30px 80px #5c3a121f,inset 0 0 50px #ffffff4d}.hero-content:before{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ab7e3d29;position:absolute;inset:9px}.hero-kicker{color:#9a7138;letter-spacing:.28em;margin-bottom:.85rem;font-size:.78rem;font-weight:600;display:block}.hero-content h1{color:#6f4f24;font-family:var(--display);justify-content:center;align-items:center;gap:clamp(.7rem,3vw,1.8rem);margin:0;font-size:clamp(3.4rem,14vw,7.2rem);font-weight:500;line-height:1.05;display:flex}.hero-content h1 i{color:#b08a45;font-family:Georgia,serif;font-size:.35em;font-weight:400}.hero-divider{color:#a77a3e;justify-content:center;align-items:center;gap:.6rem;width:min(220px,68%);margin:1.15rem auto 1.4rem;display:flex}.hero-divider i{background:linear-gradient(270deg,currentColor,#0000);width:68px;height:1px}.hero-divider i:last-child{background:linear-gradient(90deg,currentColor,#0000)}.hero-divider span{font-size:1.15rem}.hero-ayah{border:0;max-width:540px;margin:0 auto;padding:0}.hero-ayah p{color:#7d5b29;font-family:var(--display);margin:0;font-size:clamp(1.05rem,4.2vw,1.55rem);font-weight:400;line-height:2}.hero-ayah cite{color:#7d5b29b8;font-family:var(--body);letter-spacing:.08em;margin-top:.85rem;font-size:.74rem;font-style:normal;display:block}.hero-date{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;margin-top:1.8rem;display:flex}.hero-date strong{color:#6f4f24;font-family:var(--display);font-size:clamp(1.15rem,4vw,1.5rem);font-weight:500}.hero-date span{color:#735024c7;font-size:.86rem}.scroll-cue{z-index:3;color:#7d5b29c7;flex-direction:column;align-items:center;font-size:.7rem;text-decoration:none;display:flex;position:absolute;bottom:4rem}.scroll-cue svg{margin-top:.2rem;animation:1.8s ease-in-out infinite float-down}.story{background:radial-gradient(circle at 0% 50%, #d2b68221, transparent 28%), var(--ivory)}.story-inner{max-width:720px;margin-inline:auto}.story-copy{text-align:center;position:relative}.story-copy p{color:var(--muted);font-size:1.05rem;line-height:2.25}.arabic-quote{color:#b68b4952;height:45px;font-family:Georgia,serif;font-size:5rem;line-height:1}.signature{color:var(--gold-dark);font-family:var(--display);margin-top:1.6rem;font-size:1.6rem}.botanical{border:1px solid #a77e3e26;border-radius:100%;width:170px;height:260px;position:absolute;top:40px;right:-55px;transform:rotate(-35deg)}.botanical:before,.botanical:after{border:inherit;content:"";border-radius:100%;width:55px;height:95px;position:absolute}.botanical:before{top:45px;left:-20px;transform:rotate(-30deg)}.botanical:after{bottom:35px;right:-30px;transform:rotate(40deg)}.details{isolation:isolate;color:#7c5b2d;background:radial-gradient(circle at 50% 20%,#ffffffdb,#0000 36%),linear-gradient(160deg,#f8e6d0,#f3d9bb 52%,#f7e9d7);padding-block:5.5rem;overflow:hidden}.details-overlay{z-index:-1;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#fffffff2 0 1px,#0000 1.8px),radial-gradient(circle,#fffce2d9 0 1.4px,#0000 2.2px);background-position:0 0,28px 46px;background-size:54px 68px,86px 98px;animation:18s linear infinite sparkle-drift;position:absolute;inset:0}.details-content{text-align:center;position:relative}.details-script{color:#966d35;font-family:var(--display);text-shadow:0 2px 18px #ffffff8c;margin:0;font-size:clamp(2.2rem,9vw,4rem);font-weight:400;line-height:1.25}.details-divider{color:#a77a3e;justify-content:center;align-items:center;gap:.6rem;width:min(220px,68%);margin:.95rem auto 2.4rem;display:flex}.details-divider i{background:linear-gradient(270deg,currentColor,#0000);width:68px;height:1px}.details-divider i:last-child{background:linear-gradient(90deg,currentColor,#0000)}.details-divider span{font-size:1.15rem}.detail-timeline{gap:0;width:min(560px,100%);margin:0 auto;display:grid;position:relative}.detail-timeline:before{z-index:0;content:"";background:linear-gradient(#a77a3ebf,#a77a3e59);width:1px;position:absolute;top:28px;bottom:18px;left:50%;transform:translate(-50%)}.detail-item{z-index:1;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:.55rem;min-height:92px;display:grid;position:relative}.detail-label,.detail-value{color:#87683e;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,3.8vw,1.2rem);line-height:1.55}.detail-label{text-align:start;font-family:var(--display);font-size:clamp(1.05rem,4vw,1.35rem)}.detail-value{text-align:end}.detail-marker{color:#a2783b;place-items:center;width:52px;height:52px;display:grid}.detail-marker span{background:#f6e4cb;border:1px solid;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 0 5px #f5dfc4}.detail-marker--flower{color:#b08a45;width:58px;height:58px}.detail-marker--flower svg{filter:drop-shadow(0 4px 8px #78521e2e);width:42px;height:42px}.details-note{color:#735024b8;text-align:center;margin:2.2rem 0 0;font-size:.82rem}.compact-countdown{isolation:isolate;color:#f8ebd2;background:radial-gradient(circle at 50% 0,#b58b493d,#0000 42%),#33281c;padding:3.6rem 1rem;position:relative;overflow:hidden}.compact-countdown:before{z-index:-1;content:"";border:1px solid #dcbd8121;border-radius:50%;width:460px;height:460px;position:absolute;top:-210px;left:50%;transform:translate(-50%)}.compact-countdown-sparkles{z-index:-1;opacity:.36;background-image:radial-gradient(circle,#fff4dae6 0 1px,#0000 1.7px),radial-gradient(circle,#d2ae6cb3 0 1px,#0000 1.6px);background-position:0 0,31px 42px;background-size:62px 78px,89px 103px;animation:18s linear infinite sparkle-drift;position:absolute;inset:0}.compact-countdown-inner{text-align:center;width:min(700px,100%);margin-inline:auto}.compact-countdown-kicker{color:#e4c98f;font-family:var(--display);font-size:clamp(1.8rem,7vw,2.7rem);line-height:1.3;display:block}.compact-countdown-units{border-block:1px solid #e1c48c38;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.35rem auto 1rem;display:grid}.compact-countdown-unit{place-items:center;min-width:0;padding:1rem .18rem .9rem;display:grid;position:relative}.compact-countdown-unit:not(:last-child){border-left:1px solid #e1c48c2e}.compact-countdown-unit strong{color:#f3dfb5;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,8vw,3rem);font-weight:400;line-height:1}.compact-countdown-unit span{color:#f8ebd2a8;margin-top:.5rem;font-size:clamp(.63rem,2.7vw,.82rem)}.compact-countdown-date{color:#e7cd9bb8;letter-spacing:.08em;font-size:.75rem}.location{background:#eee2d0}.location-inner{align-items:center;gap:3rem;display:grid}.location-copy{text-align:center}.venue-name{color:var(--ink);font-family:var(--display);font-size:1.55rem;line-height:1.7}.location-copy>p{color:var(--muted);margin:.4rem 0 1.5rem}.map-placeholder{background:#e6d9c5;border:1px solid #98713859;border-radius:50% 50% 8px 8px/24% 24% 8px 8px;place-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.map-lines{opacity:.5;background:linear-gradient(32deg,#0000 44%,#c9b99f 45% 47%,#0000 48%),linear-gradient(-28deg,#0000 38%,#d0c0a7 39% 42%,#0000 43%),repeating-linear-gradient(90deg,#0000 0 69px,#dacbb4 70px 72px);position:absolute;inset:0}.map-pin{z-index:2;color:#9a7134;flex-direction:column;align-items:center;gap:.6rem;font-size:.85rem;display:flex;position:relative}.event-section{isolation:isolate;background:radial-gradient(circle at 50% 12%,#ffffffdb,#0000 34%),linear-gradient(155deg,#f8e9d5,#f0d9bc 52%,#f8ecdc);position:relative;overflow:hidden}.section-anchor{position:absolute;top:0}.event-overlay{z-index:-1;opacity:.52;pointer-events:none;background-image:radial-gradient(circle,#fffffff2 0 1px,#0000 1.8px),radial-gradient(circle,#b5894433 0 1px,#0000 1.6px);background-position:0 0,25px 39px;background-size:58px 72px,83px 97px;position:absolute;inset:0}.event-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffcf6c2;border:1px solid #9d712f4d;border-radius:7px;width:min(900px,100%);margin:2.8rem auto 0;position:relative;overflow:hidden;box-shadow:0 24px 70px #5e3e171a}.event-card:before{z-index:3;content:"";pointer-events:none;border:1px solid #b1874424;border-radius:3px;position:absolute;inset:8px}.event-facts{padding:1rem 1.2rem;display:grid}.event-fact{border-bottom:1px solid #ab82432e;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.85rem;min-height:82px;padding:.8rem 0;display:grid}.event-fact:last-child{border-bottom:0}.event-fact-icon{color:#946a31;background:#faf1e2e0;border:1px solid #a3773473;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.event-fact span{color:#9a743d;letter-spacing:.12em;margin-bottom:.22rem;font-size:.68rem;font-weight:600;display:block}.event-fact strong{color:#4d3c28;font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.55;display:block}.event-location{background:#eddec79e;border-top:1px solid #9d712f40;display:grid}.event-map{background:#e7d8c0;place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}.event-map:after{content:"";border:1px solid #9a6e3133;position:absolute;inset:10px}.event-map-pin{z-index:2;color:#9a7134;background:#faf3e7e0;border:1px solid #97692b59;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 12px 30px #5b3b1426}.event-map-pin i{border:1px solid #9a713438;border-radius:50%;width:82px;height:82px;animation:2.4s ease-out infinite map-pulse;position:absolute}.event-location-copy{text-align:center;padding:2rem 1.4rem 2.2rem}.event-location-kicker{color:#9b7239;letter-spacing:.13em;margin-bottom:.55rem;font-size:.7rem;font-weight:600;display:block}.event-location-copy h3{color:#4b3925;max-width:440px;font-family:var(--display);margin:0 auto;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:500;line-height:1.55}.event-location-copy p{color:var(--muted);margin:.35rem 0 1.3rem}.event-location-copy .gold-button{box-sizing:border-box;min-height:46px;padding:.65rem 1.2rem;font-size:.82rem;text-decoration:none}.guestbook{background:radial-gradient(circle at 100% 0,#c6a26324,#0000 24%),#fbf7ef}.guestbook-layout{align-items:start;gap:1.5rem;display:grid}.guestbook-form,.messages-panel{background:#fffdf8e0;border:1px solid #a57c3b40;box-shadow:0 18px 60px #5a3e1a12}.guestbook-form{flex-direction:column;padding:2rem 1.2rem;display:flex;position:relative}.form-flower{color:#a4793861;font-size:1.8rem;position:absolute;top:1rem;left:1.2rem}.guestbook-form label{color:#554631;margin:.8rem 0 .45rem;font-size:.8rem;font-weight:600}.guestbook-form input,.guestbook-form textarea{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#fffdf9;border:1px solid #ded1bd;border-radius:3px;outline:0;transition:border-color .2s,box-shadow .2s}.guestbook-form input{height:51px;padding:0 .9rem}.guestbook-form textarea{resize:vertical;min-height:135px;padding:.9rem}.guestbook-form input:focus,.guestbook-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b88e4a1a}.guestbook-form .gold-button{width:100%;margin-top:1.2rem}.honeypot{opacity:0;pointer-events:none;width:1px!important;height:1px!important;position:absolute!important}.form-notice{color:#7c602f;text-align:center;margin:.9rem 0 0;font-size:.8rem}.setup-note{color:#9a8463;text-align:center;margin:.8rem 0 0;font-size:.68rem;line-height:1.7}.messages-panel{min-height:410px;padding:1.3rem}.messages-heading{color:var(--ink);font-family:var(--display);border-bottom:1px solid #eadfce;justify-content:space-between;align-items:center;padding-bottom:1rem;font-size:1.3rem;display:flex}.messages-heading small{color:var(--gold-dark);font-family:var(--body);font-size:.68rem}.messages-list{scrollbar-color:#cdb88f transparent;scrollbar-width:thin;gap:.8rem;max-height:520px;padding-top:1rem;display:grid;overflow:auto}.message-card{background:#fffdf9;border:1px solid #eee3d2;grid-template-columns:38px 1fr;gap:.8rem;padding:1rem;display:grid}.message-avatar{width:38px;height:38px;color:var(--gold-dark);font-family:var(--display);border:1px solid #a97d3b6b;border-radius:50%;place-items:center;display:grid}.message-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.message-meta strong{color:var(--ink);font-size:.86rem}.message-meta time{color:#aa9678;font-size:.64rem}.message-card p{color:var(--muted);overflow-wrap:anywhere;margin:.45rem 0 0;font-size:.82rem;line-height:1.8}.empty-state{color:#a18d6d;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:310px;font-size:.82rem;display:flex}.spin{animation:1s linear infinite spin}footer{color:#fffaeed1;text-align:center;background:#30271c;padding:4rem 1rem 5.5rem;position:relative;overflow:hidden}footer:before{content:"";border:1px solid #d7b8792e;border-radius:50%;width:300px;height:220px;position:absolute;top:-110px;left:50%;transform:translate(-50%)}.footer-monogram{color:var(--champagne);font-family:var(--display);font-size:2.6rem}.footer-monogram i{margin:0 .45rem;font-size:.85rem;font-style:normal}footer p{margin:1.2rem 0;font-size:.86rem}.footer-names{color:#fff7e8;font-family:var(--display);font-size:1.4rem}footer small{color:#aa9676;margin-top:.5rem;display:block}@keyframes float-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes music-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes sparkle-drift{0%{background-position:0 0,34px 58px,18px 26px}to{background-position:24px 73px,12px 165px,47px 87px}}@keyframes map-pulse{0%{opacity:.75;transform:scale(.82)}75%,to{opacity:0;transform:scale(1.25)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=680px){.section{padding-block:8rem}.event-facts{grid-template-columns:repeat(3,minmax(0,1fr));padding:1.25rem 1.5rem}.event-fact{border-bottom:0;padding:.8rem 1.2rem}.event-fact:not(:last-child){border-left:1px solid #ab82432e}.event-location{grid-template-columns:.9fr 1.1fr}.event-map{min-height:300px}.guestbook-form,.messages-panel{padding:2rem}}@media (width>=860px){.guestbook-layout{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr)}}@media (width<=440px){.hero-content h1{flex-direction:column;gap:0}.hero-content h1 i{margin-block:-.2rem;font-size:1.2rem}.music-control span{display:none}.music-control{justify-content:center;width:44px;padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}