.embed-page{background:var(--color-bg);color:var(--color-text);min-height:100vh}.embed{width:100%;max-width:360px;margin:0 auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-md)}.embed__ad{width:100%;display:flex;justify-content:center;align-items:center;min-height:60px}.embed__ad .ad-container-banner,.embed__ad .ad-container-square,.embed__ad .ad-container-rectangle{max-width:100%;overflow:hidden}.embed-player{display:flex;flex-direction:column}.embed-player__top{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.embed-player__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.embed-player__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:none;background:var(--color-play-button);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast);box-shadow:0 4px 16px #0000004d}.embed-player__play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--color-play-button-hover)}.embed-player__play:disabled{background:var(--color-text-muted);cursor:not-allowed}.embed-player__play--playing{background:var(--color-play-button-playing)}.embed-player__play--playing:hover{background:var(--color-play-button-playing-hover)}.embed-player__play--connecting{background:#ff9800;animation:embed-pulse 1.5s ease-in-out infinite}@keyframes embed-pulse{0%,to{opacity:1}50%{opacity:.7}}.embed-player__play-icon{width:34px;height:34px;fill:currentColor}.embed-player__bars-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;display:flex;align-items:flex-end;justify-content:center;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 60%,transparent 100%);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1;pointer-events:none}.embed-player__top.is-playing .embed-player__bars-overlay{opacity:1;visibility:visible}.embed-player__bars{display:flex;align-items:flex-end;justify-content:space-evenly;height:100%;width:100%;gap:2px;padding:4px 6px;filter:drop-shadow(0 0 10px rgba(255,255,255,.35))}.embed-player__bar{flex:1 1 0;max-width:10px;height:100%;border-radius:999px;--bar-color: #22c55e;--bar-low: .2;--bar-high: .8;--bar-delay: 0s;--bar-duration: .9s;animation:embed-bar-bounce var(--bar-duration) var(--bar-delay) ease-in-out infinite alternate;background:linear-gradient(to top,transparent 0%,var(--bar-color) 100%)}.embed-player__bar--1{--bar-color: #ef4444;--bar-low: .22;--bar-high: .76;--bar-duration: .9s}.embed-player__bar--2{--bar-color: #f05a3a;--bar-low: .3;--bar-high: .88;--bar-delay: .08s;--bar-duration: .98s}.embed-player__bar--3{--bar-color: #f17030;--bar-low: .16;--bar-high: .64;--bar-delay: .14s;--bar-duration: .85s}.embed-player__bar--4{--bar-color: #f28626;--bar-low: .28;--bar-high: .96;--bar-delay: .02s;--bar-duration: 1.02s}.embed-player__bar--5{--bar-color: #f49c1c;--bar-low: .18;--bar-high: .78;--bar-delay: .11s;--bar-duration: .92s}.embed-player__bar--6{--bar-color: #f5b212;--bar-low: .34;--bar-high: 1;--bar-delay: .05s;--bar-duration: .86s}.embed-player__bar--7{--bar-color: #f6c808;--bar-low: .2;--bar-high: .72;--bar-delay: .18s;--bar-duration: .94s}.embed-player__bar--8{--bar-color: #e0d206;--bar-low: .38;--bar-high: .92;--bar-delay: .09s;--bar-duration: 1s}.embed-player__bar--9{--bar-color: #c0d810;--bar-low: .26;--bar-high: .84;--bar-delay: .15s;--bar-duration: .96s}.embed-player__bar--10{--bar-color: #a0de1a;--bar-low: .24;--bar-high: .82;--bar-delay: .03s;--bar-duration: .88s}.embed-player__bar--11{--bar-color: #6dd62a;--bar-low: .32;--bar-high: .94;--bar-delay: .12s;--bar-duration: 1.04s}.embed-player__bar--12{--bar-color: #3ace3a;--bar-low: .18;--bar-high: .7;--bar-delay: .06s;--bar-duration: .82s}.embed-player__bar--13{--bar-color: #22c55e;--bar-low: .36;--bar-high: .98;--bar-delay: .16s;--bar-duration: .97s}.embed-player__bar--14{--bar-color: #1ebf78;--bar-low: .2;--bar-high: .74;--bar-delay: .01s;--bar-duration: .91s}.embed-player__bar--15{--bar-color: #1ab892;--bar-low: .28;--bar-high: .86;--bar-delay: .1s;--bar-duration: 1.01s}.embed-player__bar--16{--bar-color: #16b2ac;--bar-low: .14;--bar-high: .68;--bar-delay: .17s;--bar-duration: .84s}.embed-player__bar--17{--bar-color: #12abc6;--bar-low: .34;--bar-high: .9;--bar-delay: .04s;--bar-duration: .95s}.embed-player__bar--18{--bar-color: #0e9ed8;--bar-low: .22;--bar-high: .8;--bar-delay: .13s;--bar-duration: .89s}.embed-player__bar--19{--bar-color: #0a8fea;--bar-low: .3;--bar-high: .96;--bar-delay: .07s;--bar-duration: 1.03s}.embed-player__bar--20{--bar-color: #1a7ee0;--bar-low: .16;--bar-high: .72;--bar-delay: .19s;--bar-duration: .87s}.embed-player__bar--21{--bar-color: #2a6dd6;--bar-low: .26;--bar-high: .88;--bar-delay: .02s;--bar-duration: .93s}.embed-player__bar--22{--bar-color: #3a5ccc;--bar-low: .38;--bar-high: 1;--bar-delay: .11s;--bar-duration: .99s}.embed-player__bar--23{--bar-color: #5a4cc4;--bar-low: .2;--bar-high: .76;--bar-delay: .08s;--bar-duration: .86s}.embed-player__bar--24{--bar-color: #7a3cbc;--bar-low: .32;--bar-high: .9;--bar-delay: .14s;--bar-duration: 1.02s}.embed-player__bar--25{--bar-color: #9b2cb4;--bar-low: .24;--bar-high: .82;--bar-delay: .06s;--bar-duration: .92s}@keyframes embed-bar-bounce{0%{transform:scaleY(var(--bar-low))}to{transform:scaleY(var(--bar-high))}}@media (prefers-reduced-motion: reduce){.embed-player__bars-overlay{transition:none}.embed-player__bar{animation:none;transform:scaleY(.6)}}.embed-player__meta{display:flex;flex-direction:column;gap:var(--space-xs)}.embed-player__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embed-player__slogan{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}.embed-player__categories{font-size:var(--font-size-sm);color:var(--color-text)}.embed-player__categories-label{font-weight:var(--font-weight-semibold)}.embed-similar{background:transparent}.embed-similar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:100%;padding:5px}.embed-similar__item{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none;color:inherit;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-width:0}.embed-similar__item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.embed-similar__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg)}.embed-similar__name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 340px){.embed{padding:var(--space-xs)}.embed-player__play{width:64px;height:64px}.embed-player__play-icon{width:30px;height:30px}.embed-player__bars-overlay{padding:8px}.embed-player__bars{gap:3px;height:58%}.embed-player__bar{width:5px}}