@font-face{font-family:Barlow;src:url('/guidas/fonts/barlow.ttf')}@font-face{font-family:Cinzel;src:url('/guidas/fonts/cinzel.ttf')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}.overlay{width:760px;height:190px;position:relative;display:grid;grid-template-columns:148px 1fr 36px;align-items:center;gap:24px;padding:20px 24px 20px 28px;background:#08090c;color:#f7f0e8;clip-path:polygon(0 14px,14px 0,calc(100% - 34px) 0,100% 34px,100% calc(100% - 14px),calc(100% - 14px) 100%,30px 100%,0 calc(100% - 30px));font-family:Barlow,sans-serif;isolation:isolate}.overlay:after{content:'';position:absolute;inset:7px;border-top:1px solid #733045;border-bottom:1px solid #733045;pointer-events:none}.ambient{position:absolute;inset:-20%;background-size:cover;background-position:center;filter:blur(18px) brightness(.2);opacity:.6;z-index:-1}.art{width:148px;height:148px;position:relative;border:1px solid #635456;background:#161218;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;display:none}.idle-art{display:grid;place-items:center;height:100%;font:80px Cinzel,serif;color:#674550}.copy{min-width:0}.meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.1em;color:#c8bbc0}.meta span:first-child:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d30735;margin-right:10px}h1{font-size:27px;line-height:1.15;margin:12px 0 9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}p{font-size:13px;color:#c8bbc0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.08em;text-transform:uppercase}.bottom-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.bottom-line>span{font-size:11px;color:#c8bbc0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars{display:flex;align-items:flex-end;gap:3px;height:17px}.bars i{display:block;width:3px;height:6px;background:#d30735;animation:bar 1s ease-in-out infinite alternate;animation-delay:var(--delay)}.paused .bars i{animation-play-state:paused;height:3px}.progress{height:2px;background:#3c2330;margin-top:10px}.progress>div{height:100%;background:#d30735;width:100%;transform:scaleX(0);transform-origin:left;transition:transform 1s linear}.mark{height:80px;display:flex;gap:4px;transform:skew(-13deg);align-items:center}.mark i{width:4px;height:48px;background:#74001d}.mark i:nth-child(2){height:75px;background:#d30735}.mark i:nth-child(3){height:65px;background:#aa133b}.mark i:nth-child(4){height:34px}@keyframes bar{to{height:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}