.site-menu-panel .sound-menu-item{padding:0;border:0;background:none;font:450 clamp(25px,2.7vw,42px)/1.2 Inter,Arial,sans-serif;color:#25282d;cursor:pointer;opacity:0;transform:translateY(18px);transition:opacity 220ms ease,transform 400ms cubic-bezier(.2,.8,.2,1),color 250ms ease-out;}
html.menu-is-open .sound-menu-item{opacity:1;transform:none;transition-delay:440ms,440ms,0ms;}
.site-menu-panel .sound-menu-item:hover{color:#8b7155;}
.sound-modal{width:min(560px,calc(100% - 40px));max-height:calc(100svh - 40px);overflow:auto;padding:32px;border:1px solid #ffffff14;border-radius:28px;background:#191a1eeF;color:#eee;backdrop-filter:blur(24px);font-family:Arial,sans-serif;}
.sound-modal::backdrop{background:#0008;backdrop-filter:blur(8px);}
.sound-modal{width:min(420px,calc(100% - 40px));}
.sound-artwork{width:112px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#111;margin-top:22px;}
.sound-artwork img{width:100%;height:100%;object-fit:cover;}
.sound-track .sound-artist{display:flex;align-items:center;gap:6px;font-size:14px;color:#ccc;}
.artist-badge{width:16px;height:16px;color:#999;flex-shrink:0;}
.sound-modal{position:fixed;inset:0;margin:auto!important;height:fit-content;}
.sound-modal[open]{animation:sound-in 260ms cubic-bezier(.2,.8,.2,1);}
.sound-modal h2{font-size:25px;font-weight:450;margin:0 0 24px;}
.sound-close{position:absolute;right:22px;top:20px;border:0;background:#ffffff0e;color:#ddd;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer;}
.sound-track{font-size:18px;margin:0 0 20px;}.sound-track span{display:block;color:#92959b;font-size:12px;margin-top:7px;}
.sound-video{min-height:200px;border-radius:16px;overflow:hidden;background:#0b0c0e;}.sound-video iframe{display:block;width:100%;min-height:200px;}
.sound-status{font-size:12px;color:#8d9098;min-height:18px;margin:14px 0;}
.sound-controls{display:flex;gap:10px;}.sound-controls button{background:#eee;color:#17181a;border:0;border-radius:999px;padding:11px 24px;font-size:14px;cursor:pointer;transition:background 200ms;}.sound-controls button:hover{background:#d5d6d8;}.sound-controls button:disabled{opacity:.35;cursor:default;}
.sound-volume{display:flex;align-items:center;gap:16px;font-size:12px;color:#b6b8bf;margin-top:28px;}.sound-volume input{flex:1;min-width:0;accent-color:#c2c4c9;}.sound-volume output{width:32px;text-align:right;}
.sound-source{display:inline-block;margin-top:24px;font-size:12px;color:#999da5;text-decoration:none;}.sound-source:hover{color:#ddd;}
@keyframes sound-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sound-modal[open]{animation:none;}}
.sound-volume{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:28px;}
.volume-track{display:block;position:relative;height:78px;margin:0 12px;}
.volume-ticks{position:absolute;left:0;right:0;bottom:6px;height:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;}
.volume-ticks i{display:block;width:3px;min-width:2px;border-radius:2px;transition:height 160ms cubic-bezier(.2,.8,.2,1),background 160ms ease;}
.sound-volume .volume-bubble{position:absolute;top:0;left:var(--volume-position);translate:-50% 0;width:auto;min-width:43px;padding:7px 9px;border-radius:999px;background:var(--volume-color);color:#151619;font:600 12px/1 Arial,sans-serif;text-align:center;box-shadow:0 3px 18px color-mix(in srgb,var(--volume-color) 20%,transparent);}
.sound-volume .volume-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none;}
.volume-track:has(input:focus-visible){outline:1px solid #ffffff50;outline-offset:8px;border-radius:8px;}
.volume-endpoints{display:flex;justify-content:space-between;color:#6f747c;font-size:10px;}
@media(prefers-reduced-motion:reduce){.volume-ticks i{transition:none;}}
.sound-controls .sound-play{width:44px;height:44px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center;}
.sound-play::before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px;}
.sound-play.is-playing::before{width:10px;height:14px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;margin-left:0;box-sizing:border-box;}
.sound-modal{background:#fff;color:#18191b;border:0;}
.sound-close{background:#eee;color:#25262a;}
.sound-track .sound-artist{color:#55585d;}
.sound-track span,.sound-status{color:#73767b;}
.sound-volume{color:#55585d;}
.volume-endpoints{color:#85888c;}
.sound-controls .sound-play{width:64px;height:64px;background:#090909;color:#fff;}
.sound-controls .sound-play:hover{background:#252525;}
.sound-play.is-playing::before{width:18px;height:23px;border:0;margin:0;background:linear-gradient(to right,currentColor 0 7px,transparent 7px 11px,currentColor 11px 18px);border-radius:2px;}
.volume-track:has(input:focus-visible){outline-color:#3337;}
.sound-modal{border:0!important;outline:none;box-shadow:none;}
.sound-close{width:34px;height:34px;border:0;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.06) 50%,rgba(255,255,255,.17));color:#292b2e;-webkit-backdrop-filter:blur(9px) saturate(1.15);backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 1px 0 0 #68757d24,inset -1px 0 0 #68757d24,inset 0 1px 0 #68757d16,inset 0 -1px 0 #68757d16;transition:transform 240ms cubic-bezier(.2,.8,.2,1);font-size:0;}
.sound-close::before,.sound-close::after{content:"";position:absolute;width:12px;height:1.5px;left:11px;top:16px;background:currentColor;border-radius:2px;transform:rotate(45deg);}
.sound-close::after{transform:rotate(-45deg);}
.sound-close:active{transform:scale(.96);}
.sound-close:focus-visible{outline:2px solid #68757d;outline-offset:3px;}
.sound-modal .sound-controls .sound-play{display:flex!important;align-items:center;justify-content:center;width:64px;height:64px;min-width:64px;padding:0!important;border:0!important;background:#090909!important;color:#fff!important;border-radius:50%!important;box-shadow:none;line-height:1;}
.sound-modal .sound-play::before,.sound-modal .sound-play::after{content:none!important;display:none!important;}
.sound-modal .sound-play svg{display:block;width:30px;height:30px;fill:currentColor;flex:none;pointer-events:none;}
.sound-modal .sound-controls .sound-play:hover{background:#252525!important;}
.sound-modal .sound-menu-close{position:absolute;top:20px;right:22px;left:auto;color:#292b2e;z-index:1;}
.sound-modal h2{padding-right:145px;min-height:41px;}
.sound-modal .sound-menu-close{width:48px;height:48px;scale:.85;transform-origin:top right;border-radius:24px;background:linear-gradient(180deg,#ffffff40,#ffffff0f 50%,#ffffff2b);-webkit-backdrop-filter:blur(9px) saturate(1.15);backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 1px 0 #68757d24,inset -1px 0 #68757d24,inset 0 1px #68757d16,inset 0 -1px #68757d16;transition:width 420ms cubic-bezier(.22,1,.36,1);}
.sound-modal .sound-menu-close:is(:hover,:focus-visible){width:150px;}
.modal-close-x{position:absolute;right:0;top:0;width:48px;height:48px;}
.modal-close-x::before,.modal-close-x::after{content:"";position:absolute;left:17px;top:23px;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg);}
.modal-close-x::after{transform:rotate(-45deg);}
.modal-close-label{position:absolute;left:0;right:48px;top:0;height:48px;display:flex;align-items:center;justify-content:center;font:400 15px/1 Arial,sans-serif;opacity:0;transition:opacity 180ms ease;}
.sound-menu-close:is(:hover,:focus-visible) .modal-close-label{opacity:1;transition-delay:80ms;}
.sound-modal .sound-menu-close{background:none;box-shadow:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;}
.sound-modal .sound-menu-close:is(:hover,:focus-visible){width:48px;}
.sound-modal .sound-return-close{position:absolute;left:auto;right:22px;top:20px;color:#292b2e;transform-origin:top right;}
.sound-return-close .return-surface{left:auto;right:0;transform:scaleX(-1);}
.sound-return-close .return-backdrop{left:auto;right:0;transform:scaleX(-1)!important;transform-origin:center;}
.sound-return-close .return-chevron{left:auto;right:0;}
.sound-return-close .return-label{left:auto;right:45px;}
.sound-track-info{display:flex;align-items:center;gap:20px;margin:0 0 26px;}
.sound-track-info .sound-artwork{width:100px;flex:0 0 100px;margin:0;}
.sound-track-info .sound-track{margin:0;min-width:0;line-height:1.3;}
.sound-track-info .sound-artist{flex-wrap:wrap;}
.sound-modal .sound-controls{justify-content:center;}
.sound-volume .volume-endpoints{display:none;}
.sound-volume .volume-bubble{font-size:0;padding:0;min-width:0;width:14px;height:14px;border-radius:50%;opacity:1;transition:opacity 120ms ease;top:21px;pointer-events:none;}
.volume-track.is-dragging .volume-bubble{opacity:1;}
.volume-ticks i{transition:height 55ms linear,background 70ms linear;}
.volume-track.is-dragging .volume-ticks i{transition:none;}
.sound-track-info{gap:16px;}
.sound-track-info .sound-track{line-height:1.2;}
.sound-track-info .sound-track span{margin-top:4px;line-height:1.3;}
.sound-track-info .sound-track .sound-artist{margin-top:5px;gap:5px;}
.sound-modal h2{height:41px;min-height:41px;display:flex;align-items:center;margin-top:-12px;margin-bottom:24px;}
.sound-track-info .sound-track{line-height:1.1;}
.sound-track-info .sound-track span{margin-top:2px;line-height:1.18;}
.sound-track-info .sound-track .sound-artist{margin-top:3px;gap:4px;}
.sound-modal .sound-volume{margin-top:8px;}
.sound-modal{background:#e5e6e8;}
@media(max-width:640px){
  .sound-modal{inset:auto 8px max(8px,env(safe-area-inset-bottom))!important;width:auto;max-width:none;max-height:calc(100dvh - 40px);margin:0!important;border-radius:24px;padding:28px 24px 30px;box-sizing:border-box;}
  .sound-modal[open]{animation:sound-sheet-in 320ms cubic-bezier(.22,.8,.25,1);}
  .sound-modal h2{margin-top:-8px;}
  .sound-modal .sound-return-close{top:20px;right:20px;}
}
@keyframes sound-sheet-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.sound-modal[open]{animation:none;}}

html.sound-sheet-open,html.sound-sheet-open body{overflow:hidden!important;overscroll-behavior:none;}
.sound-modal{overscroll-behavior:contain;}
.sound-modal::backdrop{touch-action:none;}