.nowbar-shell{position:relative;width:100%;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.nowbar-shell.theme-light{color:#0b1022}.nowbar-shell.theme-dark{color:#f5f7ff}.nowbar-background{position:absolute;inset:-24px 0;background-image:var(--cover-url);background-size:cover;background-position:center;filter:blur(60px) saturate(150%);opacity:.45;transform:scale(1.1);pointer-events:none}.nowbar{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,4vw,28px);padding:clamp(16px,4vw,22px) clamp(20px,5vw,32px);border-radius:24px;margin:0;background:#091022d1;box-shadow:0 22px 44px #070b1966,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.theme-light .nowbar{background:#fafcffcc;color:#0b1022;box-shadow:0 22px 44px #0a09201f,inset 0 0 0 1px #0c15340d}.nowbar-cover{width:clamp(64px,12vw,84px);aspect-ratio:1 / 1;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 12px 25px #05091580,0 0 0 1px #ffffff1a}.theme-light .nowbar-cover{box-shadow:0 12px 25px #0c15342e,0 0 0 1px #0c153414}.nowbar-info{display:flex;flex-direction:column;gap:4px}.nowbar-label{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#bec9ffb3}.theme-light .nowbar-label{color:#0c15348a}.nowbar-title{font-size:clamp(18px,4vw,24px);font-weight:700;letter-spacing:-.01em}.nowbar-artist{font-size:clamp(15px,3.2vw,18px);color:#c8cff4d1}.theme-light .nowbar-artist{color:#0c1534a8}.nowbar-previous{display:grid;gap:2px;text-align:right}.nowbar-previous-label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c8cff499}.theme-light .nowbar-previous-label{color:#0c153473}.nowbar-previous-title{font-weight:600;font-size:clamp(14px,3vw,16px)}.nowbar-previous-artist{font-size:13px;color:#c8cff4a6}.theme-light .nowbar-previous-artist{color:#0c153480}.nowbar-previous-time{font-size:12px;color:#c8cff473}.theme-light .nowbar-previous-time{color:#0c15346b}@media(max-width:768px){.nowbar{grid-template-columns:1fr;text-align:center;gap:16px}.nowbar-cover{margin:0 auto}.nowbar-previous{text-align:center}}