/* Full-screen wide player layout. Large touch tablets use the same shell so the
   collapsible tabs and half-visible side volume control work from iPad mini landscape upward. */
@media (min-width:1200px) and (min-height:650px) and (hover:hover) and (pointer:fine),
       (min-width:1000px) and (min-height:650px) and (orientation:landscape) and (any-pointer:coarse){
  html,body,.shell{width:100%;height:100%;min-height:0;overflow:hidden}
  .shell{display:block;padding:0;background:#050505}
  .device{position:relative;display:block;width:100vw;height:100dvh;min-height:0;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:hidden}

  .preset-bar{position:absolute;z-index:20;left:0;right:0;top:0;height:73px;transform:translate3d(0,0,0);opacity:1;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
  .device.topbar-hidden .preset-bar{transform:translate3d(0,-115%,0);opacity:0;pointer-events:none}
  .bar-handle{display:block;z-index:21;top:72px}
  .device[data-current-view="player"] .bar-handle{top:72px}
  .device.topbar-hidden .bar-handle,
  .device[data-current-view="player"].topbar-hidden .bar-handle{top:3px}

  .screen{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;overflow:hidden}
  .player-view{position:relative;width:100%;height:100%;padding:clamp(60px,7vh,92px) clamp(145px,10vw,220px) 92px clamp(52px,5vw,96px);gap:clamp(38px,5vw,86px);align-items:center;justify-content:flex-start}
  .art-stage{width:min(32vw,57.6vh,624px)!important;min-width:0!important;max-width:none;flex:none}
  .player-info{position:static;min-width:0;max-width:min(52vw,920px);flex:1}
  .player-info h2{box-sizing:content-box;font-size:clamp(46px,5vw,84px);line-height:1.06;max-height:2.12em;padding-bottom:.12em}
  .player-info>p:not(.context){font-size:clamp(17px,1.35vw,24px)}
  .timeline{max-width:none;margin-top:clamp(22px,3vh,40px);transform:translateY(5px)}

  .transport{position:absolute;z-index:6;left:0;right:0;bottom:0;height:72px;min-height:72px;margin:0;padding:8px clamp(116px,9vw,180px) 8px clamp(28px,4vw,72px);border-top:1px solid #ffffff14;justify-content:space-around;gap:clamp(20px,5vw,80px)}
  .transport button{position:relative;top:0;width:52px;height:52px;font-size:20px}
  .transport .play-button{width:58px;height:58px}
  .device[data-playback-bar="divider"] .timeline{position:absolute;z-index:7;left:0;right:0;bottom:71px;width:100%;height:28px;margin:0;max-width:none!important;pointer-events:none}
  .device[data-playback-bar="divider"] .timeline input[type="range"]{position:absolute;left:0;right:0;bottom:-7px;width:100%;height:30px;margin:0;pointer-events:auto}
  .device[data-playback-bar="divider"] .timeline>div{display:none}
  .device[data-playback-bar="divider"] .transport{border-top:0}

  .dial-rail{position:absolute;z-index:8;top:0;right:0;bottom:72px;width:112px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible}
  .dial-readout,.dial-rail>p{display:none}
  .device[data-control="dial"] .dial-rail{right:-118px;width:236px}
  .device[data-control="dial"] .dial{width:236px;height:236px;flex:none}
  .device[data-control="dial"] .dial-center{inset:47px}
  .device[data-control="bar"] .dial-rail{right:18px;width:70px}
  .device[data-control="bar"] .dial{width:56px;height:min(58vh,460px);max-height:460px}
  .device[data-control="bar"] .dial-marker{bottom:12px}

  .device:not([data-current-view="player"]) .dial-rail{display:none}
  .device:not([data-current-view="player"]) .screen{padding:0}
  .device:not([data-current-view="player"]) .list-view,.device:not([data-current-view="player"]) .controls-view{height:100%;padding:clamp(46px,7vh,86px) clamp(54px,5vw,96px) 44px;overflow-x:hidden;overflow-y:auto}
  .device:not([data-current-view="player"]):not(.topbar-hidden) .list-view,.device:not([data-current-view="player"]):not(.topbar-hidden) .controls-view{padding-top:96px}
  /* Keep the desktop Settings page readable instead of stretching its controls
     across an ultrawide display. The view background still fills the screen. */
  .controls-view>.section-heading,
  .controls-view>.settings-columns,
  .controls-view>.hint{width:min(1040px,100%);margin-left:auto;margin-right:auto}
  .queue-toggle{right:18px;bottom:14px}
  .message{left:30px;right:150px;bottom:74px}
  .hardware-brand{display:flex}
}

/* Use viewport and platform detection so touch-enabled desktop computers still
   receive the full-size artwork without changing phones or tablets. */
@media (min-width:1200px) and (min-height:650px){
  .device[data-platform="desktop"][data-current-view="player"] .art-stage{width:min(32vw,57.6vh,624px)!important;min-width:0!important;max-width:none;flex:none}
}

/* Standalone Spotify setup flow: this sheet loads last, so its layout remains consistent on iOS. */
#pairing .setup-steps{display:grid!important;gap:12px!important;margin:24px 0 0!important;padding:0!important;list-style:none!important;counter-reset:none!important}#pairing .setup-step{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:14px!important;border:1px solid #343434!important;border-radius:15px!important;background:#121212!important;list-style:none!important}#pairing .setup-step::marker{content:""!important;font-size:0!important}#pairing .setup-step>span{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#1ed760!important;color:#07150c!important;font-size:13px!important;font-weight:900!important;line-height:1!important}#pairing .setup-step b{display:block!important;margin:1px 0 4px!important;color:#f8f8f8!important;font-size:14px!important;line-height:1.25!important}#pairing .setup-step p{margin:0 0 11px!important;color:#a1a1a1!important;font-size:12px!important;line-height:1.5!important}#pairing .setup-step input,#pairing .setup-action,#pairing .redirect-uri code,#pairing .redirect-uri button{min-height:44px!important;height:44px!important;border-radius:11px!important;font-size:13px!important}#pairing .setup-step input{width:100%!important;padding:0 13px!important;border:1px solid #393939!important;background:#080808!important;color:#f8f8f8!important}#pairing .setup-action,#pairing .redirect-uri button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:0 14px!important;border:0!important;background:#1ed760!important;color:#07150c!important;font-weight:850!important;text-decoration:none!important;box-shadow:none!important}#pairing .setup-action i{font-style:normal!important;font-size:19px!important}#pairing .redirect-uri{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}#pairing .redirect-uri code{display:flex!important;align-items:center!important;min-width:0!important;padding:0 12px!important;border:1px solid #393939!important;background:#080808!important;color:#d7d7d7!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#pairing .redirect-uri button{width:auto!important;min-width:86px!important;justify-content:center!important;white-space:nowrap!important}#pairing .setup-help{display:none!important}@media (max-width:430px){#pairing .setup-step{padding:12px!important;gap:10px!important}#pairing .setup-step b{font-size:13px!important}#pairing .setup-step p{font-size:11px!important}}

/* Anchor each icon button to its own setup card, not the page viewport. */
#pairing .setup-step.dashboard-step{position:relative!important}
#pairing .setup-step.dashboard-step>div{min-width:0!important;padding-right:48px!important}
/* I.9.5 setup repair: standalone square dashboard shortcuts and a visible warning. */
.setup-steps .dashboard-step .dashboard-action{
  position:absolute!important;top:12px!important;right:12px!important;
  display:grid!important;place-items:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  max-width:36px!important;max-height:36px!important;margin:0!important;padding:0!important;
  box-sizing:border-box!important;border:1px solid #1ed760!important;border-radius:8px!important;
  background:#1ed760!important;color:#07150c!important;text-decoration:none!important;
}
.setup-steps .dashboard-step .dashboard-action i{margin:0!important;font-size:18px!important;line-height:1!important}
.setup-steps .dashboard-step .dashboard-note{
  display:block!important;margin:8px 0 0!important;color:#ff4f5d!important;
  -webkit-text-fill-color:#ff4f5d!important;opacity:1!important;
  font-size:11px!important;font-weight:800!important;line-height:1.4!important;
}
/* I.9.6 interaction-language refinements. */
.device .bar-handle::after{content:none!important;display:none!important}
.device .bar-handle>.topbar-chevron{
  display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;font-size:29px!important;font-weight:700!important;line-height:1!important;
  text-shadow:0 2px 8px #000,0 0 2px #000;opacity:.25!important;transform:translateY(-10px)!important;
}
.device:not(.topbar-hidden) .bar-handle>.topbar-chevron{transform:translateY(5px) rotate(180deg)!important}
.device .topbar-hint,.device .dial-rail>.dial-swipe-hint{
  color:#626262!important;font-size:9px!important;font-weight:400!important;
  letter-spacing:.13em!important;line-height:1!important;text-transform:uppercase!important;
}
.device.topbar-hidden .topbar-hint{
  display:block!important;position:absolute!important;visibility:visible!important;z-index:22!important;
  top:39px!important;left:50%!important;width:max-content!important;margin:0!important;
  transform:translateX(-50%)!important;opacity:1!important;pointer-events:none!important;
}
.device[data-current-view="player"] .dial-rail>.dial-swipe-hint{
  display:block!important;position:absolute!important;z-index:10!important;top:50%!important;
  right:auto!important;left:-20px!important;margin:0!important;white-space:nowrap!important;
  writing-mode:vertical-rl!important;transform:translateY(-50%) rotate(180deg)!important;
}
.device .dial-rail>.dial-swipe-hint span{color:#999!important;padding:0 4px!important}
.device:not(.topbar-hidden) .topbar-hint,
.device[data-guides="hidden"] .topbar-hint,
.device[data-guides="hidden"] .dial-rail>.dial-swipe-hint{display:none!important;visibility:hidden!important}
@media (orientation:landscape) and (max-height:500px) and (max-width:1200px){
  .lyrics-track-marquee{top:calc(max(7px,env(safe-area-inset-top)) + 2px)!important}
}
/* Wide desktop profile: give lyrics the extra space created by the smaller artwork. */
@media (min-width:1200px) and (min-height:650px){
  .device[data-layout-resolved="wide"][data-current-view="player"] .art-stage{width:min(24vw,43.2vh,468px)!important}
  .device[data-layout-resolved="wide"][data-display="lyrics"] .lyrics-panel{height:380px!important;padding:26px 34px!important}
  .device[data-layout-resolved="wide"][data-display="lyrics"]{--lyric-line-base:36px;--lyric-word-min:68px;--lyric-word-fluid:12vw;--lyric-word-max:128px;--lyric-stage-min:44px;--lyric-stage-fluid:7.4vw;--lyric-stage-max:78px;--lyric-neighbor-min:30px;--lyric-neighbor-fluid:4vw;--lyric-neighbor-max:48px}
  .device[data-layout-resolved="wide"][data-display="lyrics"] .lyrics-panel>p{font-size:calc(32px + var(--lyric-font-adjust) + var(--lyric-font-adjust))}
}
/* I.9.7 visual Now Playing guide. */
.now-playing-guide[hidden]{display:none!important}
.now-playing-guide{position:fixed!important;z-index:10000!important;inset:0!important;display:grid!important;place-items:center!important;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;color:#f8f8f8!important}
.now-playing-guide-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.76)!important;backdrop-filter:blur(12px)!important}
.now-playing-guide-card{position:relative!important;z-index:1!important;width:min(480px,100%)!important;max-height:calc(100svh - 36px)!important;overflow:auto!important;padding:22px!important;border:1px solid #ffffff20!important;border-radius:24px!important;background:linear-gradient(145deg,#202020,#101010)!important;box-shadow:0 28px 90px #000b!important}
.now-playing-guide-card header{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important}.now-playing-guide-card header small{display:block!important;color:#1ed760!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15em!important}.now-playing-guide-card h2{margin:5px 0 0!important;font-size:clamp(27px,5vw,37px)!important;letter-spacing:-.05em!important;line-height:1!important}.now-playing-guide-card header>span{padding:6px 8px!important;border:1px solid #ffffff1c!important;border-radius:999px!important;color:#a8a8a8!important;font-size:10px!important;white-space:nowrap!important}
.now-playing-guide-visual{display:grid!important;place-items:center!important;min-height:172px!important;margin:20px 0 16px!important;border:1px solid #ffffff14!important;border-radius:17px!important;background:radial-gradient(circle at 35% 35%,#2c4435 0,#171717 48%,#090909 100%)!important;overflow:hidden!important}.now-playing-guide-copy{margin:0!important;color:#bbb!important;font-size:14px!important;line-height:1.5!important}.now-playing-guide-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:20px!important}.now-playing-guide-actions button{min-height:42px!important;padding:0 14px!important;border:1px solid #ffffff23!important;border-radius:11px!important;background:#252525!important;color:#eee!important;font-weight:800!important}.now-playing-guide-actions .primary{border-color:#1ed760!important;background:#1ed760!important;color:#07150c!important}
.guide-replay-setting{grid-column:1/-1!important}.guide-replay-button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 12px!important;width:100%!important;padding:9px 11px!important;border:1px solid #ffffff20!important;border-radius:10px!important;background:#181818!important;color:#f6f6f6!important;text-align:left!important}.guide-replay-button b{font-size:12px!important}.guide-replay-button span{color:#888!important;font-size:9px!important}.guide-replay-button i{grid-column:2!important;grid-row:1/3!important;color:#1ed760!important;font-size:19px!important;font-style:normal!important}
.guide-demo{width:min(340px,88%)!important}.guide-demo-welcome{display:flex!important;align-items:center!important;gap:18px!important}.guide-demo-welcome-disc,.guide-demo-record-disc{display:grid!important;place-items:center!important;border-radius:50%!important;background:repeating-radial-gradient(circle,#252525 0 3px,#090909 4px 7px)!important;box-shadow:0 13px 25px #0009!important}.guide-demo-welcome-disc{width:104px!important;height:104px!important}.guide-demo-welcome-disc span,.guide-demo-record-disc span{border-radius:50%!important;background:#1ed760!important;box-shadow:0 0 0 9px #151515!important}.guide-demo-welcome-disc span{width:27px!important;height:27px!important}.guide-demo-welcome b,.guide-demo-welcome small{display:block!important}.guide-demo-welcome b{font-size:14px!important;letter-spacing:.08em!important}.guide-demo-welcome small{max-width:145px!important;margin-top:6px!important;color:#aaa!important;font-size:11px!important;line-height:1.35!important}
.guide-demo-record{display:grid!important;grid-template-columns:116px 1fr!important;align-items:center!important;gap:0 16px!important}.guide-demo-record-disc{width:116px!important;height:116px!important;grid-row:1/3!important}.guide-demo-record-disc span{width:28px!important;height:28px!important}.guide-demo-arrows{display:flex!important;align-items:center!important;gap:11px!important;color:#1ed760!important}.guide-demo-arrows b{font-size:10px!important;letter-spacing:.15em!important}.guide-demo-arrows i{font-size:20px!important;font-style:normal!important}.guide-demo-copy{align-self:start!important}.guide-demo-copy strong,.guide-demo-copy span{display:block!important}.guide-demo-copy strong{margin-top:12px!important;font-size:15px!important}.guide-demo-copy span{margin-top:4px!important;color:#929292!important;font-size:11px!important}
.guide-demo-playback{padding:26px 16px 18px!important;text-align:center!important}.guide-demo-timeline{height:5px!important;border-radius:99px!important;background:#5a5a5a!important;overflow:hidden!important}.guide-demo-timeline i{display:block!important;width:54%!important;height:100%!important;background:#1ed760!important}.guide-demo-transport{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:24px 0 13px!important;color:#dedede!important}.guide-demo-transport b{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#1ed760!important;color:#07150c!important;font-size:18px!important}.guide-demo-transport span{font-size:17px!important}.guide-demo-playback small{color:#8c8c8c!important;font-size:9px!important;letter-spacing:.16em!important}
.guide-demo-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:18px!important;align-items:center!important}.guide-demo-tabs{display:grid!important;gap:5px!important}.guide-demo-tabs i{color:#1ed760!important;font-size:26px!important;font-style:normal!important;line-height:.6!important}.guide-demo-tabs span{padding:6px 9px!important;border-radius:7px!important;background:#ffffff12!important;color:#cfcfcf!important;font-size:9px!important;letter-spacing:.08em!important}.guide-demo-tabs span:first-of-type{border:1px solid #1ed760!important;color:#1ed760!important}.guide-demo-volume{text-align:center!important}.guide-demo-volume>b,.guide-demo-volume small{display:block!important;font-size:8px!important;letter-spacing:.12em!important}.guide-demo-volume>b{color:#aaa!important}.guide-demo-volume>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:8px 0!important}.guide-demo-volume i{color:#1ed760!important;font-style:normal!important}.guide-demo-volume strong{display:block!important;width:43px!important;height:78px!important;border-radius:24px!important;background:linear-gradient(90deg,#252525,#050505,#252525)!important;border:1px solid #555!important}.guide-demo-volume small{color:#878787!important;line-height:1.25!important}
@media (max-width:520px){.now-playing-guide-card{padding:18px!important;border-radius:19px!important}.now-playing-guide-visual{min-height:148px!important;margin:16px 0 13px!important}.guide-demo-record-disc{width:96px!important;height:96px!important}.guide-demo-record{grid-template-columns:96px 1fr!important}.guide-demo-controls{gap:10px!important}.now-playing-guide-card h2{font-size:29px!important}}
/* I.9.7.2 Now Playing guide visual refinements. */
.guide-demo-record{grid-template-columns:132px minmax(0,1fr)!important;gap:16px!important}.guide-demo-record-disc{position:relative!important;width:132px!important;height:132px!important;grid-row:auto!important}.guide-demo-record-disc>span{display:none!important}.guide-demo-record-swipe{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:#1ed760!important;color:#07150c!important;box-shadow:0 0 0 8px #171717!important}.guide-demo-record-swipe i{font-size:17px!important;font-style:normal!important}.guide-demo-record-swipe b{font-size:8px!important;letter-spacing:.1em!important}.guide-demo-record .guide-demo-copy{align-self:center!important}.guide-demo-record .guide-demo-copy strong{margin-top:0!important}
.guide-demo-volume-stage{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;grid-template-rows:32px 92px!important;align-items:center!important;gap:0 13px!important}.guide-demo-trigger{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important}.guide-demo-trigger i{color:#fff!important;font-size:28px!important;font-style:normal!important;line-height:.55!important;opacity:.45!important}.guide-demo-trigger small{color:#898989!important;font-size:8px!important;letter-spacing:.14em!important}.guide-demo-art-panel{position:relative!important;height:92px!important;border-radius:12px!important;background:radial-gradient(circle at 30% 25%,#704b24,#241810 62%,#0c0c0c)!important;overflow:visible!important}.guide-demo-art-panel>span{position:absolute!important;left:12px!important;bottom:11px!important;color:#ffffffb8!important;font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important}.guide-demo-side-dial{position:absolute!important;top:50%!important;right:-35px!important;display:grid!important;place-items:center!important;width:92px!important;height:92px!important;border:5px solid #232323!important;border-radius:50%!important;background:repeating-radial-gradient(circle,#222 0 3px,#070707 4px 7px)!important;box-shadow:0 11px 24px #000a!important;transform:translateY(-50%)!important}.guide-demo-side-dial b{display:block!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#101010!important;border:3px solid #bbb!important}.guide-demo-side-dial i{position:absolute!important;right:5px!important;bottom:12px!important;width:8px!important;height:27px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important;transform:rotate(31deg)!important}.guide-demo-volume-note{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:92px!important;color:#8b8b8b!important;text-align:center!important}.guide-demo-volume-note i{color:#1ed760!important;font-size:17px!important;font-style:normal!important;line-height:.7!important}.guide-demo-volume-note b{max-width:75px!important;font-size:8px!important;letter-spacing:.11em!important;line-height:1.25!important}
.guide-demo-tab-row{display:grid!important;gap:7px!important;width:min(390px,100%)!important}.guide-demo-tab-trigger{justify-self:center!important;color:#fff!important;font-size:26px!important;line-height:.6!important;opacity:.45!important}.guide-demo-presets{display:grid!important;grid-template-columns:1.35fr repeat(3,1fr) 33px!important;align-items:center!important;gap:4px!important;padding:7px!important;border:1px solid #ffffff16!important;border-radius:11px!important;background:#111!important}.guide-demo-presets b,.guide-demo-presets span,.guide-demo-presets i{display:grid!important;place-items:center!important;min-height:35px!important;padding:4px!important;border-radius:7px!important;background:#ffffff0d!important;color:#cfcfcf!important;font-size:8px!important;font-style:normal!important;letter-spacing:.04em!important;text-align:center!important}.guide-demo-presets b{border:1px solid #1ed760!important;color:#1ed760!important}.guide-demo-presets i{color:#fff!important;font-size:17px!important}
.guide-demo-next-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;align-items:end!important}.guide-demo-next-tabs span{display:grid!important;place-items:center!important;min-height:76px!important;padding:8px!important;border:1px solid #ffffff20!important;border-radius:12px!important;background:linear-gradient(145deg,#292929,#111)!important;color:#d8d8d8!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-align:center!important}.guide-demo-next-tabs small{grid-column:1/-1!important;color:#1ed760!important;font-size:8px!important;font-weight:800!important;letter-spacing:.14em!important;text-align:center!important}
@media (max-width:520px){.guide-demo-record{grid-template-columns:112px minmax(0,1fr)!important}.guide-demo-record-disc{width:112px!important;height:112px!important}.guide-demo-volume-stage{grid-template-columns:minmax(0,1fr) 86px!important}.guide-demo-side-dial{right:-32px!important;width:84px!important;height:84px!important}.guide-demo-presets{grid-template-columns:1.25fr repeat(3,1fr) 28px!important;gap:3px!important;padding:5px!important}.guide-demo-presets b,.guide-demo-presets span{font-size:7px!important}.guide-demo-presets i{font-size:15px!important}}
/* I.9.7.3 guide-card tuning: black swipe disc and a true half-visible volume dial. */
.guide-demo-record-swipe{background:#080808!important;color:#1ed760!important;box-shadow:0 0 0 8px #151515!important;border:1px solid #1ed76066!important}.guide-demo-record-swipe i,.guide-demo-record-swipe b{color:#1ed760!important}
.guide-demo-trigger{gap:0!important}.guide-demo-trigger>span{display:block!important;width:38px!important;height:4px!important;margin-bottom:6px!important;border-radius:99px!important;background:#ffffff22!important}.guide-demo-trigger i{display:block!important;height:20px!important;font-size:29px!important;line-height:16px!important;transform:translateY(-2px)!important}.guide-demo-trigger small{margin-top:2px!important;color:#a0a0a0!important}
.guide-demo-art-panel{overflow:hidden!important}.guide-demo-side-dial{right:-46px!important}.guide-demo-volume-stage{grid-template-columns:minmax(0,1fr) 88px!important}.guide-demo-volume-note{padding-left:2px!important}
@media (max-width:520px){.guide-demo-side-dial{right:-42px!important}.guide-demo-volume-stage{grid-template-columns:minmax(0,1fr) 80px!important}}
/* I.9.7.8: card-three tab instruction and square-display illustration. */
.guide-demo-volume-stage{grid-template-rows:52px 92px!important}.guide-demo-trigger>span{width:52px!important;height:5px!important;margin-bottom:9px!important;border-radius:99px!important;background:#ffffff25!important}.guide-demo-trigger i{height:25px!important;font-size:38px!important;line-height:19px!important;transform:translateY(-3px)!important;opacity:.72!important}.guide-demo-trigger small{margin-top:5px!important;color:#e2e2e2!important;font-size:9px!important;font-weight:850!important;letter-spacing:.13em!important;line-height:1.3!important;text-align:center!important}.guide-demo-dial-examples{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:10px!important;align-items:center!important}.guide-demo-art-panel{width:100%!important}.guide-demo-square-art{position:relative!important;width:72px!important;height:72px!important;border-radius:10px!important;background:linear-gradient(145deg,#406053,#16251f 65%,#0d0d0d)!important;overflow:hidden!important}.guide-demo-square-art>span{position:absolute!important;left:8px!important;bottom:8px!important;color:#ffffffba!important;font-size:7px!important;font-weight:800!important;letter-spacing:.08em!important}.guide-demo-square-art .guide-demo-side-dial{top:50%!important;right:-42px!important;width:84px!important;height:84px!important}.guide-demo-square-art .guide-demo-side-dial b{width:17px!important;height:17px!important}.guide-demo-square-art .guide-demo-side-dial i{right:4px!important;bottom:11px!important;height:24px!important}.guide-demo-volume-note{height:92px!important}
@media (max-width:520px){.guide-demo-volume-stage{grid-template-columns:minmax(0,1fr) 76px!important}.guide-demo-dial-examples{grid-template-columns:minmax(0,1fr) 61px!important;gap:7px!important}.guide-demo-square-art{width:61px!important;height:61px!important}.guide-demo-square-art .guide-demo-side-dial{right:-37px!important;width:74px!important;height:74px!important}.guide-demo-trigger i{font-size:34px!important}.guide-demo-trigger small{font-size:8px!important}}
/* I.9.7.9: place square art with skip and show both actual volume controls. */
.guide-demo-skip-examples{display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important}.guide-demo-skip-option{display:grid!important;justify-items:center!important;gap:7px!important}.guide-demo-skip-option .guide-demo-record-disc{width:104px!important;height:104px!important}.guide-demo-skip-option small{color:#aaa!important;font-size:8px!important;font-weight:800!important;letter-spacing:.14em!important}.guide-demo-square-swipe{display:grid!important;place-items:center!important;width:104px!important;height:104px!important;border-radius:10px!important;background:linear-gradient(145deg,#68452b,#2a1c15 65%,#101010)!important;box-shadow:0 12px 24px #0009!important}.guide-demo-square-swipe .guide-demo-record-swipe{box-shadow:0 0 0 7px #171717!important}
.guide-demo-volume-stage{grid-template-rows:68px 92px!important}.guide-demo-trigger{align-self:start!important;padding-top:1px!important}.guide-demo-trigger>span{margin-bottom:10px!important}.guide-demo-trigger i{font-size:40px!important;line-height:21px!important}.guide-demo-trigger small{margin-top:7px!important}.guide-demo-volume-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:23px!important}.guide-demo-volume-control{display:grid!important;justify-items:center!important;gap:6px!important}.guide-demo-volume-control>small{color:#aaa!important;font-size:8px!important;font-weight:800!important;letter-spacing:.13em!important}.guide-demo-control-dial{position:relative!important;display:grid!important;place-items:center!important;width:72px!important;height:72px!important;border:4px solid #292929!important;border-radius:50%!important;background:linear-gradient(135deg,#2b2b2b,#060606 52%,#1c1c1c)!important;box-shadow:0 10px 20px #0009!important}.guide-demo-control-dial b{display:block!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#101010!important;border:2px solid #c7c7c7!important}.guide-demo-control-dial i{position:absolute!important;right:6px!important;bottom:10px!important;width:7px!important;height:24px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important;transform:rotate(32deg)!important}.guide-demo-control-slider{position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:78px!important;border-radius:22px!important;border:1px solid #4b4b4b!important;background:linear-gradient(90deg,#292929,#070707,#292929)!important}.guide-demo-control-slider b{position:absolute!important;top:11px!important;width:24px!important;height:9px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important}.guide-demo-control-slider i{position:absolute!important;top:8px!important;width:4px!important;height:60px!important;border-radius:99px!important;background:#ffffff12!important}.guide-demo-volume-note{height:92px!important}
@media (max-width:520px){.guide-demo-skip-examples{gap:18px!important}.guide-demo-skip-option .guide-demo-record-disc,.guide-demo-square-swipe{width:88px!important;height:88px!important}.guide-demo-volume-controls{gap:17px!important}.guide-demo-control-dial{width:66px!important;height:66px!important}.guide-demo-control-slider{height:70px!important}.guide-demo-volume-stage{grid-template-columns:minmax(0,1fr) 72px!important}}
/* I.9.7.10: card-three follows the Now Playing control layout. */
.guide-demo-target-layout{grid-template-rows:56px 96px!important}.guide-demo-target-layout .guide-demo-trigger{padding-top:0!important}.guide-demo-target-layout .guide-demo-trigger>span{margin-bottom:7px!important}.guide-demo-target-layout .guide-demo-trigger i{font-size:36px!important;line-height:18px!important}.guide-demo-target-layout .guide-demo-trigger small{margin-top:3px!important;font-size:8px!important}.guide-demo-target-body{display:grid!important;grid-template-columns:76px minmax(0,1fr) 40px 36px 42px!important;gap:6px!important;align-items:center!important;width:100%!important}.guide-demo-target-art{width:76px!important;height:76px!important;border-radius:9px!important;background:linear-gradient(145deg,#6d4a2d,#2c1b15 63%,#111)!important;box-shadow:0 9px 18px #0008!important}.guide-demo-target-copy{min-width:0!important}.guide-demo-target-copy b,.guide-demo-target-copy span,.guide-demo-target-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.guide-demo-target-copy b{color:#1ed760!important;font-size:7px!important;letter-spacing:.14em!important}.guide-demo-target-copy span{margin-top:7px!important;color:#f4f4f4!important;font-size:13px!important;font-weight:800!important}.guide-demo-target-copy small{margin-top:3px!important;color:#9b9b9b!important;font-size:8px!important}.guide-demo-target-slider{position:relative!important;width:40px!important;height:78px!important;border:1px solid #4b4b4b!important;border-radius:22px!important;background:linear-gradient(90deg,#292929,#070707,#292929)!important}.guide-demo-target-slider i{position:absolute!important;top:8px!important;left:18px!important;width:4px!important;height:60px!important;border-radius:99px!important;background:#ffffff12!important}.guide-demo-target-slider b{position:absolute!important;top:11px!important;left:8px!important;width:24px!important;height:9px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important}.guide-demo-target-swipe{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#9d9d9d!important;text-align:center!important}.guide-demo-target-swipe i{color:#1ed760!important;font-size:14px!important;font-style:normal!important;line-height:.7!important}.guide-demo-target-swipe b{font-size:7px!important;line-height:1.15!important;letter-spacing:.08em!important}.guide-demo-target-dial{width:42px!important;height:82px!important;overflow:hidden!important}.guide-demo-target-dial>div{position:relative!important;left:0!important;display:grid!important;place-items:center!important;width:82px!important;height:82px!important;border:4px solid #292929!important;border-radius:50%!important;background:linear-gradient(135deg,#2b2b2b,#060606 52%,#1c1c1c)!important;box-shadow:0 10px 20px #0009!important}.guide-demo-target-dial b{display:block!important;width:16px!important;height:16px!important;border:2px solid #c7c7c7!important;border-radius:50%!important;background:#101010!important}.guide-demo-target-dial i{position:absolute!important;right:7px!important;bottom:10px!important;width:7px!important;height:24px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important;transform:rotate(32deg)!important}
@media (max-width:520px){.guide-demo-target-body{grid-template-columns:65px minmax(0,1fr) 36px 31px 36px!important;gap:4px!important}.guide-demo-target-art{width:65px!important;height:65px!important}.guide-demo-target-slider{width:36px!important;height:70px!important}.guide-demo-target-slider i{left:16px!important;height:54px!important}.guide-demo-target-slider b{left:6px!important}.guide-demo-target-dial{width:36px!important;height:74px!important}.guide-demo-target-dial>div{width:74px!important;height:74px!important}.guide-demo-target-copy span{font-size:11px!important}.guide-demo-target-swipe b{font-size:6px!important}}
/* I.9.7.11: let the Now Playing mockup use the full guide canvas. */
.guide-demo-target-layout{width:calc(100% - 72px)!important;max-width:none!important}.guide-demo-target-body{grid-template-columns:116px minmax(170px,1fr) 48px 46px 48px!important;gap:12px!important}.guide-demo-target-art{width:116px!important;height:116px!important;border-radius:13px!important}.guide-demo-target-copy b{font-size:9px!important}.guide-demo-target-copy span{font-size:18px!important}.guide-demo-target-copy small{font-size:10px!important}.guide-demo-target-slider{width:48px!important;height:112px!important}.guide-demo-target-slider i{left:22px!important;height:88px!important;top:11px!important}.guide-demo-target-slider b{left:10px!important;width:28px!important;height:10px!important;top:14px!important}.guide-demo-target-swipe i{font-size:18px!important}.guide-demo-target-swipe b{font-size:8px!important}.guide-demo-target-dial{width:48px!important;height:116px!important}.guide-demo-target-dial>div{width:116px!important;height:116px!important;border-width:5px!important}.guide-demo-target-dial b{width:22px!important;height:22px!important;border-width:3px!important}.guide-demo-target-dial i{right:9px!important;bottom:14px!important;width:9px!important;height:32px!important}.guide-demo-target-layout .guide-demo-trigger{margin-bottom:3px!important}
@media (max-width:700px){.guide-demo-target-layout{width:calc(100% - 28px)!important}.guide-demo-target-body{grid-template-columns:78px minmax(0,1fr) 40px 34px 40px!important;gap:6px!important}.guide-demo-target-art{width:78px!important;height:78px!important}.guide-demo-target-copy span{font-size:12px!important}.guide-demo-target-slider{width:40px!important;height:80px!important}.guide-demo-target-slider i{left:18px!important;height:62px!important;top:8px!important}.guide-demo-target-slider b{left:8px!important;width:24px!important;top:11px!important}.guide-demo-target-dial{width:40px!important;height:84px!important}.guide-demo-target-dial>div{width:84px!important;height:84px!important}.guide-demo-target-dial b{width:16px!important;height:16px!important}.guide-demo-target-dial i{right:6px!important;bottom:10px!important;width:7px!important;height:24px!important}}
/* I.9.7.12: reserve the right edge for the half-visible dial. */
.guide-demo-target-body{position:relative!important;grid-template-columns:116px minmax(170px,1fr) 48px 52px!important;gap:12px!important;padding-right:60px!important}.guide-demo-target-slider{justify-self:end!important}.guide-demo-target-swipe{justify-self:center!important;width:52px!important}.guide-demo-target-dial{position:absolute!important;right:0!important;top:50%!important;width:52px!important;height:116px!important;transform:translateY(-50%)!important}.guide-demo-target-dial>div{left:0!important}
@media (max-width:700px){.guide-demo-target-body{grid-template-columns:78px minmax(0,1fr) 40px 42px!important;gap:6px!important;padding-right:44px!important}.guide-demo-target-swipe{width:42px!important}.guide-demo-target-dial{width:44px!important;height:84px!important}}
/* I.9.7.13: compact the guide for short landscape screens. */
@media (orientation:landscape) and (max-height:540px){
  .now-playing-guide{padding:10px 16px!important}
  .now-playing-guide-card{width:min(820px,calc(100vw - 32px))!important;max-height:calc(100svh - 20px)!important;padding:14px 18px!important;border-radius:18px!important}
  .now-playing-guide-card header{gap:10px!important}.now-playing-guide-card header small{font-size:8px!important}.now-playing-guide-card h2{margin-top:3px!important;font-size:clamp(27px,7vh,39px)!important;line-height:.98!important}.now-playing-guide-card header>span{padding:4px 7px!important;font-size:8px!important}
  .now-playing-guide-visual{min-height:142px!important;height:31vh!important;max-height:172px!important;margin:11px 0 9px!important;border-radius:13px!important}.now-playing-guide-copy{font-size:12px!important;line-height:1.32!important}.now-playing-guide-actions{margin-top:11px!important;gap:6px!important}.now-playing-guide-actions button{min-height:36px!important;padding:0 12px!important;font-size:11px!important}
  .guide-demo-target-layout{width:calc(100% - 36px)!important;grid-template-rows:42px 1fr!important}.guide-demo-target-layout .guide-demo-trigger i{height:18px!important;font-size:29px!important;line-height:14px!important}.guide-demo-target-layout .guide-demo-trigger small{font-size:7px!important;line-height:1.15!important}.guide-demo-target-body{grid-template-columns:78px minmax(115px,1fr) 36px 38px!important;gap:8px!important;padding-right:42px!important}.guide-demo-target-art{width:78px!important;height:78px!important;border-radius:9px!important}.guide-demo-target-copy b{font-size:7px!important}.guide-demo-target-copy span{font-size:13px!important;margin-top:4px!important}.guide-demo-target-copy small{font-size:8px!important;margin-top:2px!important}.guide-demo-target-slider{width:36px!important;height:76px!important}.guide-demo-target-slider i{left:16px!important;top:8px!important;height:59px!important}.guide-demo-target-slider b{left:6px!important;top:10px!important;width:24px!important;height:8px!important}.guide-demo-target-swipe{width:38px!important}.guide-demo-target-swipe i{font-size:14px!important}.guide-demo-target-swipe b{font-size:6px!important}.guide-demo-target-dial{width:42px!important;height:80px!important}.guide-demo-target-dial>div{width:80px!important;height:80px!important;border-width:4px!important}.guide-demo-target-dial b{width:15px!important;height:15px!important;border-width:2px!important}.guide-demo-target-dial i{right:6px!important;bottom:9px!important;width:6px!important;height:22px!important}
}
/* I.9.7.14: keep short-landscape guide cards comfortably sized. */
@media (orientation:landscape) and (max-height:540px){.now-playing-guide-card{width:min(640px,calc(100vw - 32px))!important}}
/* I.9.7.15: show the volume dial marker in the short-landscape guide. */
@media (orientation:landscape) and (max-height:540px){
  .guide-demo-target-body{padding-right:48px!important}
  .guide-demo-target-dial{width:48px!important}
  .guide-demo-target-dial i{left:27px!important;right:auto!important;bottom:9px!important}
}
/* I.9.7.16: let the Now Playing visual use the full guide canvas in short landscape. */
@media (orientation:landscape) and (max-height:540px){
  .now-playing-guide-visual>.guide-demo-target-layout{justify-self:stretch!important;width:calc(100% - 36px)!important}
}
/* I.9.7.17: anchor the partial volume dial to the visual's actual right edge. */
@media (orientation:landscape) and (max-height:540px){
  .now-playing-guide-visual{position:relative!important}
  .now-playing-guide-visual .guide-demo-target-body{position:static!important}
  .now-playing-guide-visual .guide-demo-target-dial{right:0!important;top:65%!important}
}
/* I.9.7.18: cohesive short-landscape Now Playing guide composition. */
@media (orientation:landscape) and (max-height:540px){
  .now-playing-guide-visual>.guide-demo-target-layout{width:calc(100% - 44px)!important}
  .now-playing-guide-visual .guide-demo-target-body{display:flex!important;position:relative!important;align-items:center!important;gap:13px!important;width:100%!important;padding-right:0!important}
  .now-playing-guide-visual .guide-demo-target-art{flex:0 0 78px!important}
  .now-playing-guide-visual .guide-demo-target-copy{flex:1 1 auto!important;min-width:0!important}
  .now-playing-guide-visual .guide-demo-target-slider{flex:0 0 36px!important;margin-left:auto!important}
  .now-playing-guide-visual .guide-demo-target-swipe{flex:0 0 38px!important}
  .now-playing-guide-visual .guide-demo-target-dial{position:relative!important;top:auto!important;right:auto!important;flex:0 0 48px!important;width:48px!important;height:80px!important;transform:none!important}
  .now-playing-guide-visual .guide-demo-target-dial i{left:27px!important;right:auto!important;bottom:9px!important}
}
/* I.9.7.19: rebuilt Now Playing card-three visual. */
.guide-demo-clean-player{display:grid!important;grid-template-rows:46px 1fr!important;width:calc(100% - 44px)!important;height:100%!important}
.guide-clean-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#e8e8e8!important}.guide-clean-tab span{width:44px!important;height:4px!important;border-radius:99px!important;background:#ffffff24!important}.guide-clean-tab i{height:19px!important;margin-top:5px!important;font-size:31px!important;font-style:normal!important;line-height:14px!important;opacity:.75!important}.guide-clean-tab b{margin-top:4px!important;color:#d6d6d6!important;font-size:7px!important;letter-spacing:.15em!important}
.guide-clean-content{display:grid!important;grid-template-columns:minmax(0,1fr) 102px 48px!important;align-items:center!important;gap:14px!important;min-width:0!important}.guide-clean-track{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.guide-clean-art{flex:0 0 78px!important;width:78px!important;height:78px!important;border-radius:10px!important;background:linear-gradient(145deg,#754e2f,#301e17 64%,#101010)!important;box-shadow:0 9px 18px #0008!important}.guide-clean-track>div:last-child{min-width:0!important}.guide-clean-track b,.guide-clean-track strong,.guide-clean-track small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.guide-clean-track b{color:#1ed760!important;font-size:7px!important;letter-spacing:.14em!important}.guide-clean-track strong{margin-top:5px!important;color:#f5f5f5!important;font-size:14px!important}.guide-clean-track small{margin-top:3px!important;color:#989898!important;font-size:8px!important}
.guide-clean-volume{display:grid!important;grid-template-columns:36px 40px!important;grid-template-rows:13px 76px!important;column-gap:10px!important;align-items:center!important;justify-content:center!important;padding:5px 7px!important;border:1px solid #ffffff13!important;border-radius:13px!important;background:#08080866!important}.guide-clean-volume>small{grid-column:1/-1!important;color:#8f8f8f!important;font-size:6px!important;font-weight:800!important;letter-spacing:.16em!important;text-align:center!important}.guide-clean-slider{position:relative!important;width:36px!important;height:76px!important;border:1px solid #4b4b4b!important;border-radius:20px!important;background:linear-gradient(90deg,#292929,#070707,#292929)!important}.guide-clean-slider i{position:absolute!important;top:8px!important;left:16px!important;width:4px!important;height:59px!important;border-radius:99px!important;background:#ffffff12!important}.guide-clean-slider b{position:absolute!important;top:10px!important;left:6px!important;width:24px!important;height:8px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important}.guide-clean-swipe{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}.guide-clean-swipe i{color:#1ed760!important;font-size:15px!important;font-style:normal!important;line-height:.65!important}.guide-clean-swipe b{color:#aaa!important;font-size:6px!important;letter-spacing:.13em!important}
.guide-clean-dial{height:80px!important;width:48px!important;overflow:hidden!important}.guide-clean-dial>div{position:relative!important;display:grid!important;place-items:center!important;width:80px!important;height:80px!important;border:4px solid #292929!important;border-radius:50%!important;background:linear-gradient(135deg,#2b2b2b,#060606 52%,#1c1c1c)!important;box-shadow:0 10px 20px #0009!important}.guide-clean-dial b{width:15px!important;height:15px!important;border:2px solid #c7c7c7!important;border-radius:50%!important;background:#101010!important}.guide-clean-dial i{position:absolute!important;left:27px!important;bottom:9px!important;width:6px!important;height:22px!important;border-radius:99px!important;background:#1ed760!important;box-shadow:0 0 10px #1ed76099!important;transform:rotate(32deg)!important}
@media (orientation:landscape) and (max-height:540px){.guide-demo-clean-player{grid-template-rows:42px 1fr!important}.guide-clean-content{grid-template-columns:minmax(0,1fr) 102px 48px!important}.guide-clean-track{gap:12px!important}}
/* I.9.7.26: rate warning shares the guide card treatment. */
.rate-warning{position:fixed!important;z-index:10020!important;inset:0!important;display:grid!important;place-items:center!important;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;color:#f8f8f8!important}.rate-warning[hidden]{display:none!important}.rate-warning::before{content:""!important;position:absolute!important;inset:0!important;background:rgba(0,0,0,.76)!important;backdrop-filter:blur(12px)!important}.rate-warning-card{position:relative!important;z-index:1!important;width:min(480px,100%)!important;padding:22px!important;border:1px solid #ffffff20!important;border-radius:24px!important;background:linear-gradient(145deg,#202020,#101010)!important;box-shadow:0 28px 90px #000b!important}.rate-warning-card header{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important}.rate-warning-card header small{display:block!important;color:#1ed760!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15em!important}.rate-warning-card h2{margin:5px 0 0!important;color:#f8f8f8!important;font-size:clamp(27px,5vw,37px)!important;letter-spacing:-.05em!important;line-height:1!important}.rate-warning-card header>span{padding:6px 8px!important;border:1px solid #ffffff1c!important;border-radius:999px!important;color:#a8a8a8!important;font-size:10px!important;white-space:nowrap!important}.rate-warning-card p{margin:18px 0 0!important;color:#bbb!important;font-size:14px!important;line-height:1.5!important}.rate-warning-actions{display:flex!important;justify-content:flex-end!important;margin-top:20px!important}.rate-warning-actions button{min-height:42px!important;padding:0 14px!important;border:1px solid #ffffff23!important;border-radius:11px!important;background:#252525!important;color:#eee!important;font-weight:800!important}.rate-warning-actions .primary{border-color:#1ed760!important;background:#1ed760!important;color:#07150c!important}
@media (orientation:landscape) and (max-height:540px){.rate-warning{padding:10px 16px!important}.rate-warning-card{width:min(640px,calc(100vw - 32px))!important;padding:14px 18px!important;border-radius:18px!important}.rate-warning-card header{gap:10px!important}.rate-warning-card header small{font-size:8px!important}.rate-warning-card h2{margin-top:3px!important;font-size:clamp(27px,7vh,39px)!important;line-height:.98!important}.rate-warning-card header>span{padding:4px 7px!important;font-size:8px!important}.rate-warning-card p{margin-top:11px!important;font-size:12px!important;line-height:1.32!important}.rate-warning-actions{margin-top:11px!important}.rate-warning-actions button{min-height:36px!important;padding:0 12px!important;font-size:11px!important}}