*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--noir:#09070f;--noir2:#0d0b16;--noir3:#131020;--ivory:#f2ede4;--champagne:#c8a96e;--champagne-dim:#c8a96e80;--champagne-glow:#c8a96e1f;--pearl:#f0ebe4d9;--border:#ffffff14;--border2:#ffffff26;--border-gold:#c8a96e2e;--text:#f2ede4;--text2:#f2ede480;--text3:#f2ede440;--sidebar-w:230px;--player-h:84px;--azul:#7899c4;--azul-dim:#7899c480}html,body{background:var(--noir);height:100%;color:var(--text);font-family:Josefin Sans,sans-serif;overflow:hidden}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--player-h);height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border-gold);background:linear-gradient(#0f0c1e 0%,#09070f 40%,#0a0812 100%);flex-direction:column;grid-area:1/1/3;display:flex;overflow:hidden}.sidebar-logo{border-bottom:1px solid var(--border-gold);text-align:center;background:linear-gradient(#c8a96e12 0%,#0000 100%);flex-shrink:0;padding:32px 20px 26px}.monogram-wrap{filter:drop-shadow(0 0 18px #c8a96e59)drop-shadow(0 0 40px #c8a96e26);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex;position:relative}.monogram-svg{color:var(--champagne);letter-spacing:-.04em;text-shadow:0 0 20px #c8a96e80,0 0 40px #c8a96e33;font-family:Cormorant Garamond,serif;font-size:28px;font-style:italic;font-weight:300;line-height:1}.monogram-img{object-fit:contain;mix-blend-mode:screen;filter:brightness(1.1);width:56px;height:56px}.wordmark{letter-spacing:.38em;color:var(--ivory);text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:11px;font-weight:300}.wordmark-rule{align-items:center;gap:8px;margin:6px 0;display:flex}.wordmark-rule:before,.wordmark-rule:after{content:"";background:#c8a96e40;flex:1;height:1px}.wordmark-rule-mark{color:#c8a96e80;letter-spacing:.1em;font-size:8px}.tagline{letter-spacing:.22em;color:var(--text3);text-transform:uppercase;font-size:8px}.sidebar-nav{scrollbar-width:none;flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text3);padding:14px 20px 5px;font-size:8.5px}.nav-item{letter-spacing:.08em;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;align-items:center;gap:10px;margin-right:8px;padding:9px 20px;font-size:12px;font-weight:300;transition:all .18s;display:flex}.nav-item:hover{color:var(--ivory);background:#ffffff0d}.nav-item.active{color:var(--champagne);border-left-color:var(--champagne);background:#c8a96e14;font-weight:400}.nav-item .nav-dot{opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.nav-item .nav-count{letter-spacing:.06em;color:var(--text3);white-space:nowrap;opacity:.85;flex-shrink:0;margin-left:auto;font-size:9px;font-weight:300}.nav-item.active .nav-count{color:var(--champagne)}.nav-item:hover .nav-count{color:var(--ivory)}.sidebar-footer{border-top:1px solid var(--border-gold);flex-shrink:0;padding:16px}.sub-widget{cursor:pointer;background:linear-gradient(135deg,#c8a96e1a,#c8a96e0a);border:1px solid #c8a96e2e;border-radius:8px;padding:11px 13px;transition:border-color .2s}.sub-widget:hover{border-color:#c8a96e61}.sub-widget-label{letter-spacing:.22em;text-transform:uppercase;color:var(--champagne);font-size:8.5px}.sub-widget-text{color:var(--text2);margin-top:3px;font-size:10px;line-height:1.4}.sub-widget-text:empty{display:none}.main-content{background:radial-gradient(ellipse at 60% 0%, #c8a96e0a 0%, transparent 60%), var(--noir);scrollbar-width:thin;scrollbar-color:#c8a96e26 transparent;grid-area:1/2;overflow-y:auto}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-thumb{background:#c8a96e26;border-radius:2px}.player-bar{border-top:1px solid var(--border-gold);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0d0b18 0%,#0a0814 100%);grid-area:2/2;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:12px;padding:0 24px;display:grid}.player-track-info{align-items:center;gap:10px;min-width:0;display:flex}.player-cover{background:var(--noir3);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.player-cover-bg{opacity:.4;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.player-meta{min-width:0}.player-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;font-size:12px;font-weight:300;overflow:hidden}.player-artist{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.player-like{color:var(--text3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px;font-size:14px;line-height:1;transition:color .2s}.player-like:hover,.player-like.liked{color:var(--champagne)}.player-center{flex-direction:column;align-items:center;gap:6px;display:flex}.player-controls{align-items:center;gap:14px;display:flex}.ctrl-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .18s;display:flex}.ctrl-btn:hover{color:var(--text)}.ctrl-btn.active{color:var(--champagne)}.play-btn{background:var(--ivory);cursor:pointer;width:32px;height:32px;color:var(--noir);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:flex}.play-btn:hover{transform:scale(1.07)}.play-btn svg{color:var(--noir)}.player-progress{align-items:center;gap:8px;width:100%;max-width:480px;display:flex}.time-label{color:var(--text3);text-align:center;font-variant-numeric:tabular-nums;min-width:32px;font-size:10px}.progress-bar{cursor:pointer;background:#ffffff14;border-radius:2px;flex:1;height:3px;position:relative}.progress-bar:hover{height:5px}.progress-bar:hover .progress-thumb{opacity:1}.progress-fill{background:var(--ivory);pointer-events:none;border-radius:2px;width:0%;height:100%}.progress-thumb{background:var(--ivory);opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.player-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.volume-bar{cursor:pointer;background:#ffffff14;border-radius:2px;width:80px;height:3px;position:relative}.volume-fill{pointer-events:none;background:#f5f0e880;border-radius:2px;height:100%}.view{padding:36px 36px 120px}@keyframes heroShimmer{0%{opacity:0;transform:translate(-60%)skew(-15deg)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(160%)skew(-15deg)}}@keyframes heroGlow{0%,to{opacity:.5}50%{opacity:1}}.view-hero{cursor:pointer;height:480px;box-shadow:0 32px 100px #000c, 0 0 0 1px var(--border-gold);border-radius:20px;align-items:center;margin-bottom:44px;padding:0 56px;display:flex;position:relative;overflow:hidden}.view-hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(105deg,#0000 20%,#c8a96e0f 50%,#0000 80%);position:absolute;inset:0}.view-hero-bg{z-index:0;filter:blur(2px)brightness(.55)saturate(1.4);position:absolute;inset:-10px;transform:scale(1.08)}.view-hero-gradient{z-index:1;background:linear-gradient(90deg,#09070ff7 0%,#09070fd1 40%,#09070f4d 70%,#09070f1a 100%),linear-gradient(#0000 40%,#09070f99 100%);position:absolute;inset:0}.view-hero-content{z-index:3;flex:1;align-items:center;gap:56px;display:flex;position:relative}.hero-text{flex:1;min-width:0}.hero-cover-featured{border-radius:16px;flex-shrink:0;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c8a96e40,0 24px 80px #000000b3,0 0 60px #c8a96e1f}.hero-cover-featured img,.hero-cover-featured canvas,.hero-cover-featured div{object-fit:cover;width:100%;height:100%;display:block}@keyframes homeImageKenBurns{0%{transform:translate(-.4%,.2%)scale(1.025)}to{transform:translate(.4%,-.2%)scale(1.065)}}.view-hero .hero-cover-featured>img{transform-origin:50%;will-change:transform;animation:24s ease-in-out infinite alternate homeImageKenBurns}@media (prefers-reduced-motion:reduce){.view-hero .hero-cover-featured>img{will-change:auto;animation:none;transform:none}}.hero-cover-glow{z-index:-1;pointer-events:none;background:radial-gradient(#c8a96e2e 0%,#0000 70%);border-radius:50%;position:absolute;inset:-40px}.hero-label{letter-spacing:.42em;text-transform:uppercase;color:var(--champagne);opacity:.9;align-items:center;gap:10px;margin-bottom:20px;font-size:9px;display:flex}.hero-label:before{content:"";background:var(--champagne);opacity:.6;width:20px;height:1px;display:inline-block}.hero-title{color:var(--ivory);text-shadow:0 4px 40px #0009;letter-spacing:-.01em;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:72px;font-style:italic;font-weight:300;line-height:1}.hero-sub{letter-spacing:.2em;color:var(--champagne);opacity:.75;margin-bottom:4px;font-size:11px}.hero-desc{color:var(--text2);max-width:400px;margin-top:10px;font-size:13px;line-height:1.6}.hero-actions{align-items:center;gap:16px;margin-top:28px;display:flex}.hero-play{background:var(--champagne);color:var(--noir);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 36px;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:400;transition:all .25s;display:inline-flex;box-shadow:0 6px 30px #c8a96e66}.hero-play:hover{background:#d4b87a;transform:scale(1.04);box-shadow:0 10px 40px #c8a96e8c}.hero-tracks-count{letter-spacing:.12em;color:var(--text2);font-size:11px}.section{margin-bottom:44px}.section-header{border-bottom:1px solid var(--border-gold);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{color:var(--ivory);letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:26px;font-style:italic;font-weight:300}.section-more{letter-spacing:.2em;text-transform:uppercase;color:var(--champagne-dim);cursor:pointer;font-size:9px;transition:color .18s}.section-more:hover{color:var(--champagne)}.cards-row{scrollbar-width:none;gap:20px;padding-top:6px;padding-bottom:16px;display:flex;overflow-x:auto}.cards-row::-webkit-scrollbar{display:none}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.card{cursor:pointer;flex-shrink:0;width:220px;transition:transform .26s cubic-bezier(.2,.8,.3,1)}.card:hover{transform:translateY(-8px)scale(1.02)}.card:hover .card-cover-overlay{opacity:1}.card:hover .card-cover{box-shadow:0 28px 60px #000000bf,0 0 0 1px #c8a96e40}.card-cover{border-radius:14px;width:100%;margin-bottom:14px;padding-top:100%;transition:box-shadow .26s;position:relative;overflow:hidden;box-shadow:0 8px 30px #000000a6}.card-cover-inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-cover-symbol{opacity:.3;pointer-events:none;font-size:42px}.card-cover-overlay{opacity:0;background:linear-gradient(#0000001a 0%,#0009 100%);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.card-play-icon{background:var(--champagne);width:44px;height:44px;color:var(--noir);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #c8a96e66}.card-label{letter-spacing:.22em;text-transform:uppercase;color:var(--champagne-dim);margin-bottom:4px;font-size:8.5px}.card-title{color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:16px;font-weight:300;line-height:1.2}.card-sub{color:var(--text2);letter-spacing:.04em;margin-top:3px;font-size:10px}.tracklist{width:100%}.track-item{cursor:pointer;border-radius:6px;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:7px 10px;transition:background .15s;display:grid}.track-item:hover{background:#ffffff0f;border-radius:6px}.track-item.playing{background:#c8a96e1a;border-radius:6px}.track-num{color:var(--text3);text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.track-item.playing .track-num{color:var(--champagne)}.track-name{color:var(--ivory);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:14px;font-weight:300;overflow:hidden}.track-item.playing .track-name{color:var(--champagne)}.track-item:hover .track-name{color:#fff}.track-genre{color:var(--text2);letter-spacing:.06em;font-size:10px}.track-duration{color:var(--text2);font-variant-numeric:tabular-nums;font-size:11px}.track-lock{color:var(--text3);font-size:12px}.album-detail{padding:0 0 120px}.album-header{background:linear-gradient(#190f28f2 0%,#0f0a19b3 70%,#0000 100%);align-items:flex-end;gap:32px;padding:40px 36px 32px;display:flex}.album-cover-large{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;display:flex;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff0f}.album-info{flex:1;min-width:0}.album-type{letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);margin-bottom:10px;font-size:9px}.album-title-large{color:var(--ivory);text-shadow:0 2px 20px #0006;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:52px;font-style:italic;font-weight:300;line-height:1}.album-meta{color:var(--text2);letter-spacing:.08em;margin-bottom:24px;font-size:11px}.album-actions{align-items:center;gap:12px;display:flex}.btn-play-album{background:var(--champagne);color:var(--noir);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;padding:10px 28px;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:400;transition:all .2s}.btn-play-album:hover{background:#d4b87a}.album-tracks{padding:0 24px}.album-tracks-header{border-bottom:1px solid var(--border);grid-template-columns:36px 1fr auto auto;gap:10px;margin-bottom:4px;padding:6px 10px 14px;display:grid}.album-tracks-header span{letter-spacing:.18em;text-transform:uppercase;color:var(--text3);font-size:9px}.page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding:28px 32px 8px}.page-title{color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:32px;font-style:italic;font-weight:300}.page-sub{letter-spacing:.15em;color:var(--text2);text-transform:uppercase;margin-top:5px;font-size:10px}.series-section{margin-bottom:40px}.series-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding:20px 32px 12px;display:flex}.series-title{color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:26px;font-style:italic;font-weight:300}.series-count{letter-spacing:.12em;color:var(--champagne-dim);font-size:10px}.series-tracks{padding:4px 24px}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050508d9;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#0d0d18;border:1px solid #c8a96e33;border-radius:16px;width:100%;max-width:400px;padding:40px 36px;position:relative;box-shadow:0 40px 80px #000c}.modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;transition:color .18s;position:absolute;top:16px;right:18px}.modal-close:hover{color:var(--text)}.modal-label{letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);margin-bottom:8px;font-size:8.5px}.modal-title{color:var(--ivory);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-style:italic;font-weight:300;line-height:1}.modal-artist{letter-spacing:.2em;color:var(--champagne);text-transform:uppercase;margin-bottom:20px;font-size:12px}.modal-desc{color:var(--text2);margin-bottom:22px;font-size:12px;line-height:1.65}.modal-price{color:var(--ivory);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300}.modal-price span{color:var(--text2);font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:200}.modal-period{color:var(--text3);letter-spacing:.08em;margin-bottom:22px;font-size:10px}.modal-benefits{flex-direction:column;gap:7px;margin-bottom:26px;list-style:none;display:flex}.modal-benefits li{color:var(--champagne);letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;display:flex}.modal-benefits li:before{content:"✦";color:var(--champagne);flex-shrink:0;font-size:9px}.modal-cta{background:var(--champagne);width:100%;color:var(--noir);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;margin-bottom:10px;padding:13px;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:400;transition:background .2s}.modal-cta:hover{background:#d4b87a}.modal-demo{border:1px solid var(--border2);width:100%;color:var(--text2);letter-spacing:.16em;cursor:pointer;background:0 0;border-radius:8px;padding:11px;font-family:Josefin Sans,sans-serif;font-size:10px;font-weight:300;transition:border-color .2s,color .2s}.modal-demo:hover{border-color:var(--border2);color:var(--text)}.notif{bottom:calc(var(--player-h) + 14px);color:var(--champagne);letter-spacing:.06em;opacity:0;pointer-events:none;z-index:500;white-space:nowrap;background:#1a1a2e;border:1px solid #c8a96e40;border-radius:8px;padding:10px 20px;font-size:11px;transition:all .25s;position:fixed;left:50%;transform:translate(-50%)translateY(10px)}.notif.show{opacity:1;transform:translate(-50%)translateY(0)}.lock-badge{color:var(--text3);letter-spacing:.05em;align-items:center;gap:3px;font-size:9px;display:flex}.free-badge{letter-spacing:.1em;color:var(--champagne-dim);text-transform:uppercase;font-size:8px}.hamburger{z-index:200;border:1px solid var(--border);cursor:pointer;color:var(--text2);background:#050508e6;border-radius:6px;padding:8px;display:none;position:fixed;top:14px;left:14px}@media (width<=768px){:root{--sidebar-w:0px;--player-h:64px}.app{grid-template-columns:1fr}.sidebar{z-index:100;width:220px;transition:left .28s;position:fixed;top:0;bottom:0;left:-240px}.sidebar.open{left:0}.hamburger{display:flex}.player-bar{grid-column:1}.main-content{grid-column:1;padding-top:44px}.view{padding:16px 16px 100px}.view-hero{height:auto;min-height:220px;padding:28px 20px}.view-hero-content{flex-direction:column-reverse;gap:20px}.hero-cover-featured{width:160px;height:160px}.hero-title{font-size:36px}.hero-cover-glow{display:none}.album-header{flex-direction:column}.album-cover-large{width:160px;height:160px}.album-title-large{font-size:34px}.cards-grid{grid-template-columns:repeat(2,1fr)}.page-header{padding:20px 16px 8px}.album-tracks,.series-tracks{padding:4px 12px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--champagne);outline-offset:2px}.nav-item:focus-visible,.track-item:focus-visible,.card:focus-visible{outline:1px solid var(--champagne);outline-offset:-1px}.search-wrap{flex-direction:column;gap:14px;padding:0 0 18px;display:flex}.search-input{background:var(--noir3);width:100%;max-width:520px;color:var(--text);border:1px solid var(--border-gold);letter-spacing:.04em;border-radius:6px;padding:12px 14px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:300}.search-input::placeholder{color:var(--text3)}.search-input:focus{border-color:var(--champagne);outline:none}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chip{color:var(--text2);border:1px solid var(--border2);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-family:Josefin Sans,sans-serif;font-size:10px;transition:all .2s}.search-chip:hover{color:var(--text);border-color:var(--champagne-dim)}.search-chip.active{color:var(--noir);background:var(--champagne);border-color:var(--champagne)}.search-count,.search-empty{letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:10px 4px;font-size:10px}.sub-widget{cursor:pointer}.account-btn{width:100%;color:var(--text2);border:1px solid var(--border-gold);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;padding:9px 10px;font-family:Josefin Sans,sans-serif;font-size:10px}.account-btn:hover{color:var(--champagne);border-color:var(--champagne-dim)}.account-form{text-align:left;flex-direction:column;gap:10px;margin:18px 0 14px;display:flex}.account-form label{letter-spacing:.14em;text-transform:uppercase;color:var(--text3);font-size:10px}.account-status{color:var(--text2);border:1px solid var(--border-gold);background:var(--champagne-glow);text-align:left;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.6}.modal-cta[disabled]{opacity:.45;cursor:not-allowed}.modal-cta[disabled]:hover{background:var(--champagne)}@media (width<=768px){.sidebar{width:min(260px,82vw);left:-280px;box-shadow:0 0 40px #0009}.main-content{padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom))}.player-bar{padding-bottom:env(safe-area-inset-bottom)}.modal{max-height:calc(100vh - 32px);margin:16px;overflow-y:auto}.search-input{font-size:16px}.track-item{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-left:12px;padding-right:12px}.player-right,.player-center .player-progress{display:none}}.notif.sticky{pointer-events:auto;white-space:normal;text-align:center;max-width:min(92vw,520px);line-height:1.5}.notif .notif-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.notif .notif-actions button{color:var(--champagne);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #c8a96e73;border-radius:6px;padding:5px 12px;font-size:10px}.notif .notif-actions button:hover,.notif .notif-actions button:focus-visible{background:#c8a96e1f;outline:none}.player-mode{letter-spacing:.1em;text-transform:uppercase;color:var(--champagne);vertical-align:middle;white-space:nowrap;border:1px solid #c8a96e59;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px;display:inline-block}.player-mode:empty{display:none}@media (width<=768px){:root{--player-h:76px}.player-meta{flex-direction:column;gap:2px;display:flex}.player-mode{align-self:flex-start;margin-left:0}.player-artist{display:none}}