@import "https://fonts.googleapis.com/css2?family=Rozha+One&family=Marcellus&family=Mukta:wght@300;400;600;700;800&family=Cinzel:wght@500;700&display=swap";html,body,#root{width:100%;min-height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:manipulation;background:#0b0705}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0b0705;min-width:320px;margin:0;font-family:Mukta,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button,input,textarea,select{font:inherit}button{touch-action:manipulation}img,canvas{max-width:100%}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}:root{--maroon:#5a0f1a;--maroon2:#7a1424;--gold:#e7b84f;--gold2:#ffd977;--rose:#ff5a7a;--cream:#fdf3df;--ink:#231108}.skd-root{width:100%;max-width:520px;min-height:100dvh;color:var(--cream);background:#0b0705;margin:0 auto;position:relative;overflow-x:hidden}@media (min-width:640px){body{background:radial-gradient(circle at 50% 20%,#26120c,#050303 70%)}.skd-root{box-shadow:0 0 80px #000c}}.skd-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.skd-particles{pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#e7b84fb3,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#ffd97799,#0000),radial-gradient(2px 2px at 40% 80%,#e7b84f80,#0000),radial-gradient(1.5px 1.5px at 85% 20%,#fff6,#0000),radial-gradient(2px 2px at 10% 70%,#e7b84f80,#0000);animation:8s ease-in-out infinite float;position:absolute;inset:0}.skd-particles.soft{opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.skd-petals{pointer-events:none;opacity:.5;background-image:radial-gradient(3px 6px at 30% -5%,#ff5a7acc,#0000);position:absolute;inset:0}.skd-skip{z-index:20;color:var(--gold2);letter-spacing:.5px;background:#0006;border:1px solid #e7b84f66;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;top:14px;right:14px}.skd-intro{background:radial-gradient(circle at 50% 40%,#2a1508,#060302 75%)}.intro-line{color:var(--gold2);letter-spacing:1px;text-shadow:0 2px 20px #e7b84f66;max-width:90%;font-family:Marcellus,serif;font-size:26px;line-height:1.4}.intro-line.shout{color:#fff;font-family:Rozha One,serif;font-size:52px}.intro-line.dhol{color:var(--gold2);text-shadow:0 0 30px #ff5a3ccc;font-family:Rozha One,serif;font-size:44px}.intro-shop{flex-direction:column;align-items:center;display:flex}.intro-sunny{object-fit:contain;filter:drop-shadow(0 10px 30px #0009);height:52dvh}.intro-shopsign{color:var(--gold2);letter-spacing:3px;margin-top:8px;font-family:Cinzel,serif;font-size:20px}.intro-caption{color:#cbb48a;margin-top:4px;font-size:13px}.skd-title{background:radial-gradient(circle at 50% 30%,#6a1120,#1a0507 70%)}.skd-welcome{color:var(--gold2);background:#0006;border:1px solid #e7b84f4d;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;top:20px}.title-block{z-index:2}.title-main{color:var(--gold2);text-shadow:0 4px 30px #0009,0 0 40px #e7b84f4d;flex-direction:column;margin:0;font-family:Rozha One,serif;font-size:clamp(46px,15vw,88px);line-height:.92;display:flex}.title-main .ki{color:var(--rose);font-size:.5em}.title-sub{letter-spacing:6px;color:var(--cream);margin-top:10px;font-family:Cinzel,serif;font-size:15px}.title-couple{color:#fff;margin-top:18px;font-family:Marcellus,serif;font-size:22px}.title-couple span{margin:0 6px}.skd-cta{z-index:2;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a0a12;letter-spacing:1px;border:none;border-radius:999px;align-items:center;gap:10px;margin-top:34px;padding:16px 34px;font-family:Mukta;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #e7b84f66}.skd-cta-sub{color:#e7cfa0;z-index:2;margin-top:14px;font-family:Marcellus;font-size:15px}.skd-audio{background:radial-gradient(circle at 50% 40%,#2a1508,#060302 75%)}.audio-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e0c08b3;border:1px solid #e7b84f4d;border-radius:24px;max-width:360px;padding:32px 24px}.audio-icon{font-size:44px}.audio-card h2{color:var(--gold2);margin:10px 0 6px;font-family:Rozha One,serif;font-size:28px}.audio-card p{color:#d8c39a;margin-bottom:20px;font-size:14px}.audio-btns{flex-direction:column;gap:12px;display:flex}.skd-btn{color:var(--cream);background:#ffffff14;border:1px solid #e7b84f59;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-family:Mukta;font-size:15px;font-weight:600;display:inline-flex}.skd-btn.big{padding:16px 22px;font-size:16px}.skd-btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a0a12;border:none;font-weight:800}.skd-btn.gold{color:#2a0f06;background:linear-gradient(135deg,#a5731a,#e7b84f);border:none;font-weight:700}.skd-btn.green{color:#04331a;background:linear-gradient(135deg,#128c4b,#25d366);border:none;font-weight:800}.skd-btn:disabled{opacity:.5}.skd-loader{background:radial-gradient(circle at 50% 40%,#3a1508,#070302 75%)}.loader-emoji{font-size:44px}.loader-title{color:var(--gold2);margin:14px 0;font-family:Rozha One,serif;font-size:30px}.loader-bar{background:#ffffff1f;border-radius:999px;width:70%;max-width:280px;height:8px;overflow:hidden}.loader-bar>div{background:linear-gradient(90deg,var(--gold),var(--gold2));height:100%;transition:width .13s linear}.loader-msg{color:#e7cfa0;margin-top:14px;font-family:Marcellus;font-size:15px}.skd-game{touch-action:none;background:#1a120b;width:100%;height:100dvh;position:relative;overflow:hidden}.skd-canvas{position:absolute;inset:0}.skd-canvas canvas{display:block}.skd-hud-top{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:12px 12px 0;display:flex;position:absolute;top:0;left:0;right:0}.skd-hud-top button{pointer-events:auto}.skd-hud-left{flex-direction:column;gap:6px;display:flex}.skd-hearts{gap:3px;display:flex}.skd-hearts .heart.off{opacity:.3}.skd-score{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #e7b84f40;border-radius:12px;flex-direction:column;padding:5px 12px;line-height:1.1;display:flex}.skd-score .lbl{letter-spacing:1.5px;color:var(--gold2);font-size:9px}.skd-score .val{color:#fff;font-family:Cinzel,serif;font-size:20px;font-weight:700}.skd-hud-right{gap:8px;display:flex}.skd-icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:40px;height:40px;color:var(--gold2);background:#00000073;border:1px solid #e7b84f40;border-radius:12px;justify-content:center;align-items:center;display:flex}.skd-progress-wrap{z-index:9;text-align:center;position:absolute;top:58px;left:12px;right:12px}.skd-progress{background:#0006;border-radius:999px;height:5px;overflow:hidden}.skd-progress-fill{background:linear-gradient(90deg,var(--rose),var(--gold2));height:100%;transition:width .2s linear}.skd-world-label{letter-spacing:2px;color:var(--gold2);text-shadow:0 1px 6px #000;margin-top:5px;font-family:Cinzel,serif;font-size:11px}.skd-combo{z-index:9;color:var(--gold2);text-shadow:0 2px 10px #ff5a3c99;font-family:Rozha One,serif;font-size:18px;position:absolute;top:82px;right:14px}.skd-powers{z-index:9;flex-direction:column;gap:6px;display:flex;position:absolute;top:96px;left:12px}.skd-power{color:var(--gold2);background:#00000080;border:1px solid #e7b84f4d;border-radius:10px;padding:4px 10px;font-size:11px}.skd-power-bar{background:#ffffff26;border-radius:999px;height:3px;margin-top:3px;overflow:hidden}.skd-power-bar>div{background:var(--gold2);height:100%}.skd-float{z-index:12;text-shadow:0 2px 8px #000;pointer-events:none;font-family:Cinzel,serif;font-size:18px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.skd-combo-flash{z-index:14;color:var(--gold2);text-shadow:0 0 30px #ff783ccc;white-space:nowrap;font-family:Rozha One,serif;font-size:34px;position:absolute;top:38%;left:50%;transform:translate(-50%)}.skd-toast{z-index:14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0009;border:1px solid #e7b84f4d;border-radius:999px;padding:10px 20px;font-family:Mukta;font-size:16px;font-weight:700;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.skd-revive{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--gold2);background:#0a040399;flex-direction:column;justify-content:center;align-items:center;font-family:Rozha One,serif;font-size:34px;display:flex;position:absolute;inset:0}.skd-revive .sub{color:#fff;letter-spacing:2px;margin-top:8px;font-family:Mukta;font-size:16px}.skd-world-banner{z-index:13;text-align:center;position:absolute;top:44%;left:50%;transform:translate(-50%)}.skd-world-banner .wb-name{color:var(--gold2);text-shadow:0 4px 24px #000;font-family:Rozha One,serif;font-size:40px}.skd-world-banner .wb-sub{color:#fff;letter-spacing:2px;font-family:Marcellus;font-size:16px}.skd-joota{z-index:15;background:linear-gradient(135deg,#8a1020,#c0392b);border-radius:16px;flex-direction:column;align-items:center;padding:14px 24px;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.skd-joota .jb-break{letter-spacing:3px;color:#8a1020;background:#fff;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.skd-joota .jb-title{color:#fff;margin-top:4px;font-family:Rozha One,serif;font-size:28px}.skd-joota .jb-sub{color:#ffe0e0;font-size:12px}.skd-bell-card{z-index:16;color:#5a0f1a;border:2px solid var(--gold);pointer-events:none;background:linear-gradient(160deg,#fff7e6,#f3d78f);border-radius:22px;min-width:230px;padding:22px 30px;position:absolute;top:32%;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0009}.skd-bell-card .bell-emoji{font-size:40px}.skd-bell-card .bell-title{letter-spacing:1px;margin:4px 0;font-family:Rozha One,serif;font-size:26px}.skd-bell-card .bell-line{font-family:Marcellus;font-size:16px}.skd-pause{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060302cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skd-pause-card{flex-direction:column;gap:12px;width:82%;max-width:300px;display:flex}.skd-pause-card h3{color:var(--gold2);text-align:center;margin-bottom:4px;font-family:Rozha One,serif;font-size:30px}.skd-hint{z-index:9;color:#e7cfa0;white-space:nowrap;background:#00000080;border-radius:999px;padding:8px 16px;font-size:12px;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.skd-finale{background:radial-gradient(circle at 50% 45%,#3a1030,#0a0308 75%)}.finale-line{color:var(--gold2);font-family:Marcellus,serif;font-size:26px;line-height:1.5}.finale-diya{margin-top:16px;font-size:34px;animation:3s ease-in-out infinite float}.finale-gate{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.curtain{z-index:6;background:linear-gradient(90deg,#6a0f1e,#b03048);width:52%;transition:transform 1.6s cubic-bezier(.7,0,.3,1);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 60px #0009}.curtain.left{border-right:3px solid var(--gold);left:0}.curtain.right{border-left:3px solid var(--gold);right:0}.curtain.left.open{transform:translate(-100%)}.curtain.right.open{transform:translate(100%)}.gate-prompt{z-index:7;color:var(--gold2);font-family:Marcellus;font-size:24px}.finale-reveal{flex-direction:column;align-items:center;display:flex}.reveal-neha{object-fit:contain;filter:drop-shadow(0 0 40px #ffd97766);height:56dvh}.reveal-text{color:var(--gold2);margin-top:10px;font-family:Rozha One,serif;font-size:26px}.reveal-text.sub{color:#fff;font-family:Marcellus;font-size:20px}.finale-names{z-index:3}.type-morph{flex-direction:column;align-items:center;gap:10px;display:flex}.tm-name{color:var(--gold2);font-family:Rozha One,serif;font-size:56px}.tm-full{color:#fff;font-family:Rozha One,serif;font-size:40px}.tm-heart{color:var(--rose)}.finale-cine{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cine-mandap{justify-content:center;align-items:flex-end;display:flex;position:relative}.cine-groom,.cine-bride{object-fit:contain;height:48dvh}.cine-groom{margin-right:-20px}.cine-bride{margin-left:-20px}.cine-fire{font-size:40px;animation:1.5s ease-in-out infinite float;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.cine-caption{color:var(--gold2);margin-top:20px;font-family:Marcellus;font-size:20px}.finale-photo{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.photo-frame{border:3px solid var(--gold);border-radius:18px;width:78%;max-width:340px;overflow:hidden;box-shadow:0 20px 60px #0009}.photo-frame img{width:100%;display:block}.photo-cap{color:var(--gold2);font-family:Marcellus;font-size:19px}.photo-names{color:#fff;text-align:center;font-family:Rozha One,serif;font-size:30px}.photo-names span{color:var(--rose);margin:0 6px}.photo-names .pd{color:var(--gold2);letter-spacing:3px;margin-top:2px;font-family:Cinzel;font-size:16px}.skd-invite{width:100%;color:var(--cream);background:linear-gradient(#1a0708,#2a0f10 40%,#1a0708);padding-bottom:40px;position:relative}.inv-hero{align-items:flex-end;min-height:78dvh;display:flex;position:relative;overflow:hidden}.inv-hero-photo{position:absolute;inset:0}.inv-hero-photo img{object-fit:cover;width:100%;height:100%}.inv-hero-veil{background:linear-gradient(#1406074d,#14060759 40%,#140607f5);position:absolute;inset:0}.inv-hero-content{z-index:2;text-align:center;width:100%;padding:28px 24px;position:relative}.inv-blessing{letter-spacing:2px;color:var(--gold2);font-family:Cinzel;font-size:11px}.inv-invited{color:#d8c39a;letter-spacing:1px;margin-top:8px;font-size:12px}.inv-names{color:var(--gold2);margin:6px 0;font-family:Rozha One,serif;font-size:clamp(40px,13vw,64px);line-height:1}.inv-names span{color:var(--rose);margin:2px 0;font-size:.5em;display:block}.inv-date{color:#fff;font-family:Marcellus;font-size:18px}.inv-loc{color:#e7cfa0;align-items:center;gap:5px;margin-top:4px;font-size:14px;display:inline-flex}.inv-tag{color:var(--gold2);margin-top:14px;font-family:Marcellus;font-size:16px;font-style:italic}.inv-actions{grid-template-columns:1fr 1fr;gap:10px;padding:18px 16px;display:grid}.inv-act{color:var(--cream);background:#ffffff0f;border:1px solid #e7b84f4d;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:14px 10px;font-size:14px;font-weight:600;display:flex}.inv-act.green{color:#04331a;background:linear-gradient(135deg,#128c4b,#25d366);border:none;font-weight:800}.inv-act.gold{color:#2a0f06;background:linear-gradient(135deg,#a5731a,#e7b84f);border:none;font-weight:800}.inv-score{justify-content:center;gap:30px;padding:6px 16px 4px;display:flex}.inv-score>div{flex-direction:column;align-items:center;display:flex}.inv-score span{letter-spacing:1.5px;color:var(--gold2);font-size:10px}.inv-score b{color:#fff;font-family:Cinzel;font-size:24px}.inv-h2{color:var(--gold2);text-align:center;margin:26px 0 16px;font-family:Rozha One,serif;font-size:30px}.inv-countdown{padding:16px}.cd-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;margin:0 auto;display:grid}.cd-cell{text-align:center;background:#ffffff0d;border:1px solid #e7b84f40;border-radius:14px;padding:12px 4px}.cd-cell b{color:#fff;font-family:Cinzel;font-size:26px;display:block}.cd-cell span{letter-spacing:1.5px;color:var(--gold2);font-size:9px}.inv-events{padding:0 16px}.cer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cer-card{color:#fff;border-radius:18px;padding:16px 14px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.cer-card .cer-emoji{font-size:32px}.cer-card .cer-tag{letter-spacing:1px;background:#fff3;border-radius:6px;padding:2px 7px;font-size:9px;position:absolute;top:10px;right:10px}.cer-title{margin-top:4px;font-family:Rozha One,serif;font-size:22px}.cer-date{opacity:.95;margin-top:2px;font-size:13px}.cer-meta{opacity:.85;margin-top:3px;font-size:12px}.inv-gallery{padding:0 16px}.gal-stage{aspect-ratio:3/4;background:#000;border:2px solid #e7b84f66;border-radius:20px;max-width:380px;margin:0 auto;position:relative;overflow:hidden}.gal-img{object-fit:cover;width:100%;height:100%}.gal-nav{width:40px;height:40px;color:var(--gold2);background:#00000080;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gal-nav.left{left:10px}.gal-nav.right{right:10px}.gal-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.gal-dots span{background:#ffffff40;border-radius:999px;width:8px;height:8px}.gal-dots span.on{background:var(--gold2)}.inv-share{text-align:center;padding:24px 16px}.inv-final{text-align:center;padding:16px}.inv-final-a{color:#d8c39a;font-family:Marcellus;font-size:18px}.inv-final-b{color:var(--gold2);margin-top:4px;font-family:Rozha One,serif;font-size:26px}.inv-final-names{color:#fff;margin-top:18px;font-family:Rozha One,serif;font-size:30px}.inv-final-sub{color:#e7cfa0;margin-top:4px;font-size:13px}.inv-credit{text-align:center;border-top:1px solid #e7b84f26;margin-top:20px;padding:26px 16px 14px}.inv-credit>div{color:#b89a6a;font-size:12px}.inv-credit .cc-name{color:var(--gold2);letter-spacing:1px;margin-top:4px;font-family:Cinzel;font-size:16px}.inv-credit .cc-link{color:#8a7a5a;margin-top:8px;font-size:12px;text-decoration:underline;display:inline-block}.rsvp-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060302cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rsvp-card{background:linear-gradient(160deg,#2a0f10,#3a1518);border:1px solid #e7b84f59;border-radius:22px;width:100%;max-width:380px;padding:24px;position:relative}.rsvp-close{color:var(--gold2);position:absolute;top:14px;right:14px}.rsvp-card h3{color:var(--gold2);text-align:center;margin-bottom:14px;font-family:Rozha One,serif;font-size:26px}.rsvp-card label{color:#d8c39a;letter-spacing:.5px;margin:12px 0 5px;font-size:12px;display:block}.rsvp-card input,.rsvp-card textarea{color:#fff;background:#ffffff0f;border:1px solid #e7b84f4d;border-radius:10px;width:100%;padding:11px 12px;font-size:15px}.rsvp-toggle{gap:10px;display:flex}.rsvp-toggle button{color:var(--cream);background:#ffffff0f;border:1px solid #e7b84f4d;border-radius:10px;flex:1;padding:11px;font-weight:600}.rsvp-toggle button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a0a12;border:none}.rsvp-card .skd-btn{width:100%;margin-top:18px}.rsvp-note{color:#a88a5a;text-align:center;margin-top:10px;font-size:11px}.rsvp-note code{background:#0006;border-radius:4px;padding:1px 5px}@media (prefers-reduced-motion:reduce){.skd-particles,.finale-diya,.cine-fire{animation:none!important}}.spotify-float{z-index:80;width:270px;color:var(--cream);filter:drop-shadow(0 14px 34px #00000073);font-family:Mukta,sans-serif;position:fixed;top:50%;left:max(16px,50vw - 560px);transform:translateY(-50%)}.spotify-hidden-embed{opacity:0!important;pointer-events:none!important;clip-path:inset(100%)!important;width:1px!important;max-width:1px!important;height:1px!important;max-height:1px!important;position:fixed!important;top:-10000px!important;left:-10000px!important;overflow:hidden!important}.spotify-hidden-embed iframe{opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;position:absolute!important}.spotify-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(150deg,#2c0f12f5,#100707f7);border:1px solid #e7b84f5c;border-radius:20px;padding:15px 15px 13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.spotify-card:before{content:"";pointer-events:none;background:#1db9541f;border-radius:50%;width:150px;height:150px;position:absolute;inset:-70px auto auto -45px}.spotify-close{color:#cbb48a;cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;right:9px}.spotify-brand-row{align-items:center;gap:10px;padding-right:24px;display:flex;position:relative}.spotify-disc{color:#07150b;background:#1ed760;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 0 0 4px #1ed7601a}.spotify-copy{flex-direction:column;min-width:0;line-height:1.15;display:flex}.spotify-copy strong{color:var(--gold2);font-family:Marcellus,serif;font-size:15px}.spotify-copy span{color:#b99d79;margin-top:3px;font-size:11px}.spotify-track{flex-direction:column;min-width:0;margin:14px 0 11px;display:flex}.spotify-track b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.spotify-track span{color:#bfa98b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.spotify-controls{align-items:center;gap:9px;display:flex}.spotify-controls button,.spotify-controls a{width:38px;height:38px;color:var(--gold2);cursor:pointer;background:#ffffff12;border:1px solid #e7b84f3d;border-radius:999px;place-items:center;text-decoration:none;display:grid}.spotify-controls button:first-child{color:#07150b;background:#1ed760;border:none;width:44px;height:44px}.spotify-controls button:disabled{opacity:.42;cursor:default}.spotify-controls a{margin-left:auto}.spotify-status{color:#806f5a;letter-spacing:.3px;margin-top:9px;font-size:10px}.spotify-mini{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#100c0aeb;border:1px solid #1ed76059;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;display:inline-flex;box-shadow:0 8px 24px #00000059}.spotify-mini svg{color:#1ed760}.spotify-mini span{font-size:12px;font-weight:700}.spotify-mobile-bar{display:none}@media (max-width:900px){.spotify-float{top:auto;left:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:70;filter:drop-shadow(0 8px 20px #0000006b);width:auto;max-width:calc(100vw - 24px);transform:none}.spotify-float.during-game{z-index:22;bottom:max(10px, env(safe-area-inset-bottom))}.spotify-card,.spotify-mini{display:none!important}.spotify-mobile-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b090cf0;border:1px solid #e7b84f57;border-radius:999px;align-items:center;gap:6px;max-width:min(330px,100vw - 24px);height:48px;padding:5px 7px 5px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.spotify-mobile-track{color:#f4d777;align-items:center;gap:7px;min-width:0;max-width:150px;margin-right:2px;display:flex}.spotify-mobile-track svg{color:#1ed760;flex:none}.spotify-mobile-track span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.spotify-mobile-control{width:34px;height:34px;color:var(--gold2);background:#ffffff0f;border:1px solid #e7b84f40;border-radius:50%;flex:0 0 34px;place-items:center;padding:0;text-decoration:none;display:grid}.spotify-mobile-play{color:#07150b;background:#1ed760;border-color:#1ed760}.spotify-mobile-control:disabled{opacity:.42}.spotify-float.during-game .spotify-mobile-track{display:none}.spotify-float.during-game .spotify-mobile-bar{background:#120708e0;gap:4px;height:42px;padding:3px 5px}.spotify-float.during-game .spotify-mobile-control{flex-basis:32px;width:32px;height:32px}}@media (min-width:901px) and (max-width:1160px){.spotify-float{width:230px;left:16px}}