@layer base, components, utilities;@layer base{.signal-quickview,.signal-trailer{position:fixed;z-index:200;inset:0}.signal-quickview[aria-hidden="false"]{display:grid;place-items:center;padding:24px}.signal-trailer[aria-hidden="false"]{display:block}.signal-quickview__backdrop,.signal-trailer__backdrop{position:absolute;inset:0;background:var(--signal-modal-backdrop);backdrop-filter:blur(var(--signal-modal-backdrop-blur));-webkit-backdrop-filter:blur(var(--signal-modal-backdrop-blur))}.signal-quickview__panel{position:relative;width:min(920px,calc(100vw - 48px));max-height:min(660px,calc(100dvh - 48px));overflow:auto;overscroll-behavior:contain;border:1px solid var(--signal-modal-border);background:var(--signal-modal-surface);color:var(--signal-paper);color-scheme:dark;box-shadow:var(--signal-modal-shadow-lg);animation:signal-quickview-enter .2s var(--signal-ease) both}.signal-quickview__panel:before{content:"";position:absolute;z-index:5;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,var(--signal-acid),color-mix(in srgb,var(--signal-acid) 15%,transparent) 52%,transparent);pointer-events:none}.signal-quickview__close{position:absolute;z-index:7;top:12px;inset-inline-end:12px;background:var(--signal-modal-control);border-color:var(--signal-modal-divider);color:var(--signal-paper);backdrop-filter:blur(var(--signal-modal-backdrop-blur))}.signal-quickview__card{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:500px;background:linear-gradient(150deg,var(--signal-modal-surface-soft),var(--signal-modal-surface))}.signal-quickview__visual{position:relative;min-height:500px;overflow:hidden;border-inline-end:1px solid var(--signal-line);background:var(--signal-modal-media)}.signal-quickview__backdrop-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transform:scale(1.025)}.signal-quickview__visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--signal-ink) 8%,transparent) 0,color-mix(in srgb,var(--signal-ink) 46%,transparent) 46%,color-mix(in srgb,var(--signal-ink) 98%,transparent) 100%)}.signal-quickview__poster{position:absolute;left:50%;bottom:24px;width:148px;aspect-ratio:2/3;object-fit:cover;border:1px solid color-mix(in srgb,var(--signal-paper) 18%,transparent);background:var(--signal-panel);box-shadow:0 18px 48px color-mix(in srgb,var(--signal-ink) 46%,transparent);transform:translateX(-50%)}.signal-quickview__body{min-width:0;display:flex;flex-direction:column;overflow:auto;padding:36px 38px 28px}.signal-quickview__head{min-width:0;padding-inline-end:34px}.signal-quickview__eyebrow{display:flex;align-items:center;gap:8px;color:var(--signal-acid);font-size:var(--signal-type-micro);font-weight:600;letter-spacing:.09em;text-transform:uppercase}.signal-quickview__eyebrow:before{content:"";width:18px;height:1px;background:currentColor}.signal-quickview__title{margin:8px 0 0;color:var(--signal-paper);font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere;}.signal-quickview__title.is-title-long{font-size:clamp(1.55rem,2.55vw,2.25rem);line-height:1.05}.signal-quickview__title.is-title-xlong{font-size:clamp(1.35rem,2.2vw,1.95rem);line-height:1.08}.signal-quickview__meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px;margin-top:11px;color:var(--signal-faint);font-size:var(--signal-type-micro)}.signal-quickview__meta span{position:relative}.signal-quickview__meta span+span:before{content:"";position:absolute;inset-inline-start:-7px;top:50%;width:2px;height:2px;background:var(--signal-dim);transform:translateY(-50%)}.signal-quickview__metrics{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;padding-top:14px;border-top:1px solid var(--signal-line)}.signal-quickview__metrics>div{min-width:0;display:flex;align-items:baseline;gap:7px}.signal-quickview__metrics span{color:var(--signal-faint);font-size:var(--signal-type-micro);text-transform:uppercase;letter-spacing:.05em}.signal-quickview__metrics strong{color:var(--signal-paper);font-size:.94rem;line-height:1}.signal-quickview__score{display:inline-flex;align-items:center;gap:5px}.signal-quickview__score svg{width:var(--signal-icon-sm);height:var(--signal-icon-sm);color:var(--signal-acid)}.signal-quickview__score b{font:inherit}.signal-quickview__metrics strong em{margin-inline-start:2px;color:var(--signal-faint);font-size:var(--signal-type-micro);font-style:normal;font-weight:600}.signal-quickview__metrics small{color:var(--signal-dim);font-size:var(--signal-type-micro);white-space:nowrap}.signal-quickview__genres{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:14px;color:var(--signal-acid);font-size:var(--signal-type-micro);font-weight:500}.signal-quickview__genres span+span:before{content:"/";margin-inline-end:12px;color:var(--signal-dim);font-weight:400}.signal-quickview__summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:13px 0 0;color:var(--signal-dim);font-size:var(--signal-type-small);line-height:1.72}.signal-quickview__availability{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;padding:13px 0;border-block:1px solid var(--signal-line)}.signal-quickview__availability-item{position:relative;min-width:0;display:grid;gap:2px;padding-inline-start:12px}.signal-quickview__availability-item:before{content:"";position:absolute;top:.43em;inset-inline-start:0;width:4px;height:4px;background:var(--signal-faint)}.signal-quickview__availability-item.is-ready:before{background:var(--signal-acid);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal-acid) 12%,transparent)}.signal-quickview__availability-item span{color:var(--signal-paper);font-size:var(--signal-type-micro);font-weight:600}.signal-quickview__availability-item small{max-width:26ch;overflow:hidden;color:var(--signal-faint);font-size:var(--signal-type-micro);text-overflow:ellipsis;white-space:nowrap}.signal-quickview__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}.signal-quickview__actions .signal-button{min-height:44px}.signal-quickview__primary{flex:1 1 220px;justify-content:flex-start;gap:9px}.signal-quickview__primary small{margin-inline-start:auto;color:currentColor;font-size:var(--signal-type-micro);opacity:.66}.signal-quickview__details,.signal-quickview__trailer{flex:0 0 auto}.signal-quickview__trailer{gap:7px}.signal-quickview__loading{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:500px;background:var(--signal-modal-surface)}.signal-quickview__loading-visual{display:block;background:linear-gradient(120deg,var(--signal-panel-2),color-mix(in srgb,var(--signal-panel-2) 70%,var(--signal-line)),var(--signal-panel-2))}.signal-quickview__loading-copy{display:grid;align-content:center;gap:12px;padding:38px}.signal-quickview__loading-copy i{display:block;height:9px;background:var(--signal-panel-2)}.signal-quickview__loading-copy i:nth-child(1){width:22%}.signal-quickview__loading-copy i:nth-child(2){width:68%;height:30px}.signal-quickview__loading-copy i:nth-child(3){width:96%}.signal-quickview__loading-copy i:nth-child(4){width:72%}.signal-quickview__error{min-height:320px;display:grid;place-items:center;align-content:center;gap:14px;padding:40px}.signal-quickview__error .signal-button{min-height:40px;padding-inline:14px}[dir=rtl] .signal-quickview__eyebrow,[dir=rtl] .signal-quickview__metrics span{letter-spacing:0;text-transform:none}@keyframes signal-quickview-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes signal-quickview-sheet{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.signal-trailer__panel{position:relative;width:min(94vw,1000px,calc((100dvh - 80px) * 16 / 9));margin:40px auto 0;background:var(--signal-modal-media);border:1px solid var(--signal-modal-border);color-scheme:dark;overflow:hidden;box-shadow:var(--signal-modal-shadow-lg)}.signal-trailer__close{position:absolute;z-index:3;top:10px;inset-inline-end:10px;background:var(--signal-modal-control);color:var(--signal-paper);border-color:var(--signal-modal-divider)}.signal-trailer__frame{aspect-ratio:16/9}.signal-trailer__frame iframe{display:block;width:100%;height:100%;border:0}@media (max-width:700px){.signal-quickview[aria-hidden="false"]{place-items:end center;padding:0}.signal-quickview__panel{width:100%;max-height:92dvh;border-inline:0;border-bottom:0;overflow:auto;animation-name:signal-quickview-sheet}.signal-quickview__card{grid-template-columns:1fr;min-height:0}.signal-quickview__visual{min-height:190px;border-inline-end:0;border-bottom:1px solid var(--signal-line)}.signal-quickview__poster{left:18px;bottom:16px;width:92px;transform:none}[dir=rtl] .signal-quickview__poster{left:auto;right:18px}.signal-quickview__body{overflow:visible;padding:22px 18px max(22px,env(safe-area-inset-bottom))}.signal-quickview__head{padding-inline-end:32px}.signal-quickview__title{font-size:clamp(1.35rem,5.8vw,1.82rem);}.signal-quickview__title.is-title-long{font-size:clamp(1.38rem,5.8vw,1.82rem)}.signal-quickview__title.is-title-xlong{font-size:clamp(1.24rem,5.1vw,1.58rem)}.signal-quickview__metrics{margin-top:16px;padding-top:12px}.signal-quickview__summary{-webkit-line-clamp:2}.signal-quickview__actions{margin-top:0;padding-top:18px}.signal-quickview__primary{flex-basis:100%}.signal-quickview__loading{grid-template-columns:1fr;min-height:540px}.signal-quickview__loading-visual{min-height:190px}.signal-quickview__loading-copy{padding:24px 18px;align-content:start}.signal-trailer__panel{margin-top:40px}}@media (max-width:480px){.signal-quickview__metrics{gap:8px 16px}.signal-quickview__availability{display:grid;grid-template-columns:1fr;gap:9px}.signal-quickview__details,.signal-quickview__trailer{flex:1 1 calc(50% - 4px)}}@media (prefers-reduced-motion:reduce){.signal-quickview__panel{animation:none}}}
