:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f8f8f8;background-color:#000;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%}body{overflow:hidden}app-root{display:block;height:100%}.player-shell{position:relative;width:100%;height:100%;background:#000}.player-shell__video{width:100%;height:100%;object-fit:cover;background:#000}.player-shell__overlay{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:.5rem;background:rgba(0,0,0,.45);border-radius:.75rem;padding:1rem 1.25rem;max-width:32rem;min-width:16rem;backdrop-filter:blur(12px);z-index:2}.player-shell__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;border-radius:999px;background:rgba(0,0,0,.7);color:#f8f8f8;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;z-index:3;pointer-events:none}.player-shell__loading:before{content:"";width:.85rem;height:.85rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#f8f8f8;animation:spin 1.1s linear infinite}[data-loading][hidden]{display:none}.status{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:#d1d5db}.status__indicator{display:inline-flex;align-items:center;gap:.5rem}.status__dot{width:.5rem;height:.5rem;border-radius:50%;background:#22c55e}.status__dot--warning{background:#fbbf24}.status__dot--error{background:#ef4444}.playlist{list-style:none;display:flex;flex-direction:column;gap:.25rem;max-height:12rem;overflow:hidden;font-size:.95rem}.playlist__item{display:flex;align-items:center;gap:.5rem;color:#fffc;opacity:.6;transition:opacity .3s ease}.playlist__item--active{font-weight:600;color:#fff;opacity:1}.playlist__item:before{content:"\2022";font-size:1.25rem;line-height:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.player-shell__overlay{left:1rem;right:1rem;bottom:1rem;width:auto}}