:root{--gold:#d9bb7c;--gold-dark:#9e7c42;--cream:#f6eedf;--brown:#49382b;--bg-photo:url("images/foto3.webp")}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#2c241d}
body{font-family:'Montserrat',sans-serif;color:var(--cream);background:transparent;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden;height:100%}
button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}
.background-fixed{position:fixed;inset:0;z-index:-2;background-image:var(--bg-photo);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}
.background-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(29,23,18,.42),rgba(40,29,22,.34) 40%,rgba(34,25,20,.48) 75%,rgba(30,22,18,.60));pointer-events:none}
.ornament{position:absolute;width:72px;height:72px;color:var(--gold);opacity:.85;pointer-events:none}.ornament svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.ornament.left{top:10px;left:10px}.ornament.right{top:10px;right:10px;transform:scaleX(-1)}.ornament.bottom-left{bottom:10px;left:10px;transform:scaleY(-1)}.ornament.bottom-right{bottom:10px;right:10px;transform:scale(-1)}
.gold-line{width:80px;height:1px;margin:18px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.serif{font-family:'Cormorant Garamond',serif;font-weight:400}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.26s}
.gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border:1px solid var(--gold);background:var(--gold);color:#35271b;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}.gold-button:active{background:var(--cream)}
.cover{position:fixed;inset:0;z-index:100;display:flex;align-items:stretch;justify-content:center;padding:0;background:url("images/cover-mempelai.jpeg") center 36%/cover no-repeat;overflow-y:auto;transition:opacity .8s ease,visibility .8s ease}.cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,15,.40) 0%,rgba(30,23,18,.20) 42%,rgba(30,23,18,.52) 100%)}.cover.closed{opacity:0;visibility:hidden;pointer-events:none}
.cover-frame{position:relative;width:100%;max-width:560px;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(42px,7svh,68px) 25px clamp(30px,5svh,48px);text-align:center;background:transparent}
.cover-frame::before{content:"";position:absolute;inset:17px 15px;border:1px solid rgba(230,202,141,.82);pointer-events:none;box-shadow:inset 0 0 0 4px rgba(217,187,124,.10),0 0 18px rgba(0,0,0,.12)}.cover-frame .ornament{display:block;width:clamp(132px,39vw,174px);height:clamp(132px,39vw,174px);color:#e6ca8d;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.cover-frame .ornament svg{stroke-width:1.05}.cover-frame::after{content:"✿";position:absolute;top:22px;left:50%;transform:translateX(-50%);color:#e6ca8d;font-size:22px;text-shadow:0 1px 8px #000;pointer-events:none}.cover-frame{border:0}.cover-frame .cover-title{position:relative;z-index:1}.cover-frame .cover-date{position:relative;z-index:1}.cover-frame .cover-guest,.cover-frame .cover-guest-name,.cover-frame #openButton{position:relative;z-index:1}.cover-frame .ornament.left{top:18px;left:15px}.cover-frame .ornament.right{top:18px;right:15px}.cover-frame .ornament.bottom-left{bottom:18px;left:15px}.cover-frame .ornament.bottom-right{bottom:18px;right:15px}.cover-frame .ornament.bottom-left,.cover-frame .ornament.bottom-right{width:clamp(132px,39vw,174px);height:clamp(132px,39vw,174px)}.cover-frame .eyebrow{font-size:11px;letter-spacing:3px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.cover-title{width:100%;max-width:440px;margin-top:clamp(20px,4svh,34px);font-family:"Great Vibes",cursive;font-size:clamp(57px,14.5vw,88px);line-height:1.02;color:#f5dca6;text-shadow:0 3px 18px rgba(0,0,0,.65);font-weight:400}.cover-title span{display:inline-block;margin:0 3px;color:#e6ca8d;font-family:"Cormorant Garamond",serif;font-size:.52em;font-style:italic}
.cover-date{margin:clamp(16px,3svh,25px) 0 0;color:#f7e6c5;font-family:'Cormorant Garamond',serif;font-size:clamp(20px,5.8vw,27px);letter-spacing:clamp(1.5px,.6vw,3px);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.cover-prayer{max-width:440px;margin:auto 0 8px;padding-top:20px;color:#fff4e7;font-family:'Cormorant Garamond',serif;font-size:clamp(15px,4vw,19px);font-style:italic;line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.8)}.cover-verse{margin:4px 0 18px;color:#f5dca6;font-family:'Great Vibes',cursive;font-size:clamp(25px,7vw,34px);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.cover-photo{display:none}
.cover-guest{margin-top:auto;margin-bottom:7px;color:#fff2dc;font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.8px;text-shadow:0 2px 10px rgba(0,0,0,.75)}.cover-guest-name{max-width:90%;margin-bottom:0;color:#fff;font-size:16px;line-height:1.4;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.75);overflow-wrap:anywhere}
#openButton{flex:0 0 auto;margin-top:16px;min-width:min(245px,78vw);min-height:50px;padding:15px 22px;background:#080808;border:1px solid rgba(230,202,141,.7);border-radius:2px;color:#fff;font-size:11px;letter-spacing:clamp(1.2px,.4vw,2px);box-shadow:0 6px 24px rgba(0,0,0,.28)}
#invitation{display:none}#invitation.open{display:block;animation:fadeIn .8s ease both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
section{position:relative;padding:90px 22px;overflow:hidden;text-align:center;background:transparent}.content{width:100%;max-width:680px;margin:0 auto}
.section-title{margin-top:12px;color:#fff5e3;font-family:'Cormorant Garamond',serif;font-size:clamp(39px,10vw,58px);font-weight:400;line-height:1;text-shadow:0 2px 15px rgba(0,0,0,.25)}
.section-text{max-width:490px;margin:20px auto 0;color:#fff3df;font-size:11px;line-height:2;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.section-script{margin:17px 0;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:28px;font-style:italic}
.hero{min-height:100svh;display:flex;align-items:stretch;justify-content:center;padding:0 22px;position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/foto3.webp") center 35%/cover no-repeat;transform:scale(1.015)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,19,16,.52),rgba(29,22,18,.24) 42%,rgba(29,22,18,.48) 78%,rgba(24,19,16,.64))}.hero-content{width:100%;max-width:600px;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6.5svh 0 5svh;position:relative}.hero .eyebrow:first-child{color:var(--gold);letter-spacing:4px;font-size:11px;text-shadow:0 2px 12px #000}.hero .section-title{font-family:'Great Vibes',cursive;font-size:clamp(68px,17vw,105px);line-height:.95;margin:22px 0 0;color:#f9e8c8;text-shadow:0 3px 18px rgba(0,0,0,.5);font-weight:400}.hero .section-title span{display:block;margin:0;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:.48em;font-style:italic}.hero .section-script{margin:15px 0 0;color:#f3d18b;font-family:'Cormorant Garamond',serif;font-size:25px;letter-spacing:4px;font-style:normal;text-shadow:0 2px 12px #000}.hero .gold-line{margin:13px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero .section-text{max-width:350px;margin-top:auto;margin-bottom:0;font-family:'Cormorant Garamond',serif;font-size:clamp(16px,4.2vw,20px);font-style:italic;line-height:1.55;color:#fff5e8;text-shadow:0 2px 10px rgba(0,0,0,.85)}.hero .eyebrow:last-child{margin-top:12px;color:var(--gold);letter-spacing:3px;font-size:10px;text-shadow:0 2px 10px #000}.hero::marker{display:none}
.hero .section-title{font-size:clamp(65px,15vw,100px);line-height:.8;margin:22px 0 0}.hero .section-title span{display:block;margin:15px 0;color:var(--gold);font-size:.62em;font-style:italic}.hero .section-text{max-width:350px;margin-top:auto;margin-bottom:0}.hero .section-script{margin:16px 0 0}.hero .eyebrow:last-child{margin-top:10px}
.photo-stack{position:relative;width:min(84%,350px);aspect-ratio:1/1;margin:36px auto 25px}.photo-stack::before{content:"";position:absolute;inset:-9px 12px 12px -9px;border:1px solid var(--gold)}.photo-stack img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;border:5px solid rgba(246,238,223,.92);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.photo-caption{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:max-content;max-width:90%;padding:10px 17px;background:rgba(246,238,223,.95);color:var(--brown);font-family:'Cormorant Garamond',serif;font-size:24px;white-space:nowrap}
.couple{padding-top:92px}.couple-grid{display:grid;grid-template-columns:1fr;gap:46px;margin-top:36px}.person{max-width:400px;margin:0 auto;width:100%}
.person-photo{position:relative;width:min(78%,310px);aspect-ratio:3/4;margin:0 auto 24px;padding:5px;border:1px solid var(--gold);border-radius:160px 160px 2px 2px;background:rgba(246,238,223,.16);box-shadow:0 12px 32px rgba(0,0,0,.22)}.person-photo::before{content:"";position:absolute;inset:8px;border:1px solid rgba(217,187,124,.8);border-radius:150px 150px 0 0;z-index:1;pointer-events:none}.person-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:150px 150px 0 0}.person{max-width:440px}.couple-grid{gap:54px}
.person h3{color:#fff4df;font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:400;line-height:1}.person .nickname{margin-top:5px;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:23px;font-style:italic}.person p{margin-top:12px;color:#f3e5d1;font-size:11px;line-height:2;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.and{display:block;margin:7px 0;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:23px}
.event-item{max-width:470px;margin:28px auto 0;padding:27px 22px;border-top:1px solid rgba(217,187,124,.8);border-bottom:1px solid rgba(217,187,124,.8);background:rgba(43,31,23,.12);backdrop-filter:blur(0px)}
.event-item h3{margin:10px 0;color:#fff3df;font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400}.event-item p{color:#f4e6d0;font-size:11px;line-height:2}.event-date{color:var(--gold)!important;font-size:13px!important}.event-item .gold-button{margin-top:18px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:470px;margin:32px auto 0}.time{padding:15px 3px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:rgba(42,30,22,.12)}.time strong{display:block;color:#fff2de;font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400}.time span{display:block;margin-top:7px;color:var(--gold);font-size:8px;letter-spacing:1px;text-transform:uppercase}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.gallery-image{position:relative;aspect-ratio:1/1;padding:4px;border:1px solid rgba(217,187,124,.8);background:rgba(246,238,223,.12);overflow:hidden}.gallery-image:first-child{grid-column:1/-1;aspect-ratio:1/1}.gallery-image img{position:absolute;inset:0;display:block;width:100%;height:100%;padding:4px;object-fit:cover;transition:transform .6s ease}.gallery-image:active img{transform:scale(1.025)}
.location-title{margin-top:20px;color:#fff3df;font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400}.location-address{margin:12px auto 23px;color:#f6e8d2;font-size:11px;line-height:2}
.rsvp-form{max-width:450px;margin:30px auto 0;text-align:left}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;color:var(--gold);font-size:10px}.field input,.field select,.field textarea{display:block;width:100%;padding:13px;border:1px solid rgba(217,187,124,.75);background:rgba(246,238,223,.95);color:var(--brown);font-size:12px;outline:none}.field textarea{min-height:95px;resize:vertical}.rsvp-form .gold-button{width:100%}
.gift-account{max-width:420px;margin:30px auto 0;padding:24px 18px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:rgba(43,31,23,.12)}.gift-account .bank{color:var(--gold);font-size:11px;letter-spacing:2px}.gift-account .account-name{margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:27px}.gift-account .account-number{margin:8px 0 16px;font-size:17px;letter-spacing:1px}
.closing{padding-bottom:60px}.closing h2{margin-top:22px;color:#fff3df;font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:400}.closing-names{margin:25px 0;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:39px}
footer{padding:24px 18px;border-top:1px solid rgba(217,187,124,.45);color:#e8d7be;text-align:center;font-size:9px;letter-spacing:1.5px}
.music-button{position:fixed;right:16px;bottom:17px;z-index:30;display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;background:rgba(42,30,22,.85);color:var(--gold);font-size:19px}.music-button.show{display:flex}
@media(max-width:380px){section{padding:72px 17px}.cover-frame{padding:42px 20px 28px}.cover-frame .ornament{width:clamp(112px,34vw,140px);height:clamp(112px,34vw,140px)}.cover-title{font-size:clamp(51px,13.5vw,62px);margin-top:24px}.cover-date{font-size:20px}.person h3{font-size:37px}.countdown{gap:5px}.time strong{font-size:28px}}
@media(max-height:700px){.cover-frame{padding-top:28px;padding-bottom:22px}.cover-frame .ornament{width:clamp(95px,26vw,125px);height:clamp(95px,26vw,125px)}.cover-title{margin-top:16px;font-size:clamp(48px,12vw,70px)}.cover-date{margin-top:12px}.cover-guest{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Wedding Event photo collage */
.wedding-event-title{position:relative;z-index:2;margin:26px auto 0;color:#fff7e8;font-family:'Cormorant Garamond',serif;font-size:clamp(17px,4.5vw,22px);font-weight:500;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.event-collage{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.12fr .78fr;align-items:center;gap:clamp(5px,2vw,10px);width:min(100%,390px);margin:14px auto 30px;padding:0 4px}
.event-collage .collage-photo{position:relative;padding:4px;background:#fffdf7;border:1px solid rgba(217,187,124,.85);box-shadow:0 7px 18px rgba(0,0,0,.32);overflow:hidden}
.event-collage .collage-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.event-collage .collage-photo.side{aspect-ratio:3/4;transform:rotate(-4deg)}
.event-collage .collage-photo.side:last-child{transform:rotate(4deg)}
.event-collage .collage-photo.center{aspect-ratio:4/5;z-index:1;transform:translateY(-3px);padding:5px}
@media(max-height:760px){.wedding-event-title{margin-top:10px}.cover-collage{width:min(100%,320px);margin-top:8px}.event-collage .collage-photo.side{aspect-ratio:4/4.5}}



/* Refined luxury styling: clean, modern, soft and elegant */
:root{--gold:#b58b53;--gold-dark:#88653b;--cream:#f8f1e7;--brown:#3f3025}
section{padding:clamp(66px,10vw,96px) 22px}
section .content{max-width:650px}
.eyebrow{font-size:9px;letter-spacing:3.2px;color:#e6c995;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.section-title{font-size:clamp(38px,9vw,55px);letter-spacing:.2px;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.section-text{font-size:12px;line-height:1.95;color:#fff6e9;text-shadow:0 1px 7px rgba(0,0,0,.45)}
.gold-line{width:66px;margin:17px auto;background:linear-gradient(90deg,transparent,#d9bb7c,transparent)}
.event-showcase{padding-top:64px;padding-bottom:56px;isolation:isolate}
.event-showcase::before,.event-details::before,.countdown-section::before{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid rgba(233,205,158,.22);border-radius:24px;pointer-events:none}
.event-showcase .eyebrow{color:#f0d6ad}
.wedding-event-title{margin:8px auto 0;color:#fff6e8;font-family:'Cormorant Garamond',serif;font-size:clamp(35px,9vw,54px);font-weight:400;line-height:.9;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.wedding-event-title span{display:block;margin-top:5px;color:#e7c58c;font-family:'Great Vibes',cursive;font-size:1.55em;letter-spacing:0;text-transform:none;font-weight:400}
.event-collage{width:min(100%,420px);gap:clamp(7px,2.5vw,13px);margin:28px auto 5px;padding:0 5px;perspective:800px}
.event-collage .collage-photo{padding:5px;background:rgba(255,252,246,.97);border:1px solid rgba(181,139,83,.6);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.event-collage .collage-photo.side{transform:rotate(-3deg) translateY(13px)}
.event-collage .collage-photo.side:last-child{transform:rotate(3deg) translateY(13px)}
.event-collage .collage-photo.center{transform:translateY(-2px);padding:6px;box-shadow:0 16px 35px rgba(0,0,0,.27)}
.countdown-section{padding-top:42px;padding-bottom:48px}
.countdown{gap:9px;max-width:490px;margin:24px auto 0;padding:12px;border:1px solid rgba(235,210,171,.45);border-radius:22px;background:rgba(250,244,235,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.time{padding:14px 3px;border:1px solid rgba(235,210,171,.52);border-radius:14px;background:rgba(255,250,242,.9);box-shadow:0 5px 16px rgba(0,0,0,.06)}
.time strong{font-size:clamp(27px,7vw,38px);color:#4c3827}
.time span{font-size:8px;letter-spacing:1.5px;color:#9c7747}
.event-details{padding-top:44px;padding-bottom:72px}
.event-item{max-width:490px;margin:24px auto 0;padding:30px 23px 28px;border:1px solid rgba(181,139,83,.55);border-radius:25px;background:rgba(250,245,237,.95);box-shadow:0 18px 45px rgba(0,0,0,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--brown)}
.event-item .eyebrow{color:#987344;text-shadow:none}
.event-item h3{margin:12px 0;color:#493526;font-family:'Great Vibes',cursive;font-size:clamp(38px,10vw,48px);font-weight:400}
.event-item p{color:#5e4a39;font-size:12px;line-height:1.9;text-shadow:none}
.event-date{color:#9b7547!important;font-family:'Cormorant Garamond',serif;font-size:19px!important;letter-spacing:1px}
.event-item .gold-button,.gold-button{border:1px solid #b58b53;border-radius:999px;background:linear-gradient(135deg,#c6a16a,#a77c43);color:#fffaf2;box-shadow:0 7px 18px rgba(119,83,39,.18);letter-spacing:1.2px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.event-item .gold-button{margin-top:20px;padding:13px 25px}
.gold-button:active{transform:scale(.98);filter:brightness(1.04)}
.gallery-image{border-radius:3px;border-color:rgba(231,201,151,.75);box-shadow:0 8px 22px rgba(0,0,0,.15)}
.gift-account,.time{backdrop-filter:blur(8px)}
@media(max-width:380px){.countdown{gap:5px;padding:8px}.time{padding:12px 2px}.event-item{padding:25px 17px}.event-showcase{padding-top:54px}}
@media(prefers-reduced-motion:reduce){.event-collage .collage-photo,.gold-button{transition:none}}

/* Expanded wedding photo gallery */
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
.gallery-image{aspect-ratio:3/4;min-width:0}
.gallery-image:first-child{grid-column:1/-1;aspect-ratio:4/3}
.gallery-image img{object-position:center;cursor:zoom-in}
@media(min-width:600px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-image:first-child{grid-column:span 2;aspect-ratio:4/3}}


/* Final corner-ornament refinement: balanced, clean and clear on mobile */
.cover-frame .ornament{width:clamp(88px,25vw,124px);height:clamp(88px,25vw,124px);opacity:.92;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}
.cover-frame .ornament.left{top:20px;left:19px}
.cover-frame .ornament.right{top:20px;right:19px}
.cover-frame .ornament.bottom-left{bottom:20px;left:19px}
.cover-frame .ornament.bottom-right{bottom:20px;right:19px}
.cover-frame .ornament.bottom-left,.cover-frame .ornament.bottom-right{width:clamp(88px,25vw,124px);height:clamp(88px,25vw,124px)}
.cover-frame .ornament svg{stroke-width:.8}
@media(max-width:380px){.cover-frame .ornament,.cover-frame .ornament.bottom-left,.cover-frame .ornament.bottom-right{width:clamp(76px,22vw,96px);height:clamp(76px,22vw,96px)}.cover-frame .ornament.left,.cover-frame .ornament.right{top:18px}.cover-frame .ornament.bottom-left,.cover-frame .ornament.bottom-right{bottom:18px}}


/* Simple, elegant corner treatment */
.cover-frame .ornament{display:none!important}
.cover-frame::before{inset:18px;border:1px solid rgba(230,202,141,.62);box-shadow:none;background:linear-gradient(#e6ca8d,#e6ca8d) left top/30px 1px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) left top/1px 30px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) right top/30px 1px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) right top/1px 30px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) left bottom/30px 1px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) left bottom/1px 30px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) right bottom/30px 1px no-repeat,linear-gradient(#e6ca8d,#e6ca8d) right bottom/1px 30px no-repeat}
.cover-frame::after{content:'✦';top:19px;font-size:13px;color:#e6ca8d;text-shadow:none}

/* Minimal floating music control; audio plays without any YouTube display. */
.music-button.playing{box-shadow:0 0 0 2px rgba(230,202,141,.22),0 4px 18px rgba(0,0,0,.2)}