.stream-hero{background:radial-gradient(circle at 90% 8%,#2dd4bf2e,#0000 28%),linear-gradient(135deg,#fff 0%,#f8fafc 55%,#e2e8f0 100%);border:1px solid #dbe5ef;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:1.5rem;padding:clamp(1.25rem,4vw,2rem);display:grid;overflow:hidden;box-shadow:0 30px 70px #0f172a1a}.stream-hero h2{max-width:820px;font-size:clamp(2rem,4.5vw,4.2rem);font-weight:700;line-height:1.08}.stream-hero p{color:#526174;max-width:680px;margin-top:1rem;font-size:1rem;line-height:1.65}.hero-search{background:#ffffffeb;border:1px solid #dbe5ef;border-radius:16px;gap:.45rem;max-width:720px;margin-top:1.35rem;padding:1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 22px 45px #0f172a1f}.hero-search:focus-within{border-color:#0f766e;transform:translateY(-3px);box-shadow:0 28px 60px #0f172a29}.hero-search span{color:#0f766e;text-transform:none;font-size:.78rem;font-weight:700}.hero-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:850}.search-input-wrap{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.search-icon{border:2px solid #64748b;border-radius:50%;width:15px;height:15px;display:inline-block;position:relative}.search-icon:after{content:"";background:#64748b;border-radius:999px;width:8px;height:2px;position:absolute;bottom:-5px;right:-7px;transform:rotate(45deg)}.stream-hero-meta{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.stream-hero-meta span{color:#334155;background:#fff;border-radius:999px;padding:.52rem .82rem;font-size:.82rem;font-weight:900;box-shadow:0 10px 20px #0f172a12}.stream-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;display:flex}.stream-hero-actions button{border:0;border-radius:12px;padding:.82rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.stream-hero-actions button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a1f}.featured-poster{aspect-ratio:16/9;text-align:left;border:0;border-radius:20px;width:100%;padding:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a2e}.featured-poster:after{content:"";background:radial-gradient(circle at 72% 18%,#ffffff6b,#0000 30%);transition:transform .4s;position:absolute;inset:0}.featured-poster:hover:after{transform:scale(1.12)}.featured-poster strong{z-index:1;color:#ffffffc7;font-size:7rem;line-height:.8;position:absolute;bottom:1.1rem;right:1.35rem}.hero-copy{z-index:1;position:relative}.live-pill{color:#475569;background:#ffffffd1;border:1px solid #dbe5ef;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.2rem;padding:.55rem .8rem;font-size:.8rem;font-weight:900;animation:4s ease-in-out infinite float;display:inline-flex;box-shadow:0 14px 30px #0f172a1a}.live-pill span{background:#34d399;border-radius:50%;width:8px;height:8px}.browse-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.browse-tools>.category-row{flex:1;min-width:0}.filter-row{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;display:flex}.filter-row label{color:#64748b;text-transform:none;gap:.35rem;min-width:180px;font-size:.78rem;font-weight:700;display:grid}.filter-row select{color:#0f172a;background:#fff;border:1px solid #dbe5ef;border-radius:12px;outline:0;padding:.78rem .85rem;font-weight:850;box-shadow:0 10px 20px #0f172a12}.search-card{z-index:1;background:#fff;border:1px solid #dbe5ef;border-radius:16px;gap:.5rem;padding:1rem;transition:transform .2s,border-color .2s;display:grid;position:relative;box-shadow:0 24px 48px #0f172a24}.search-card:focus-within{border-color:#0f766e;transform:translateY(-4px)}.search-card span{color:#64748b;text-transform:none;font-size:.78rem;font-weight:700}.search-card input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:1.1rem;font-weight:800}.category-row{gap:.65rem;padding:.2rem 0;display:flex;overflow-x:auto}.category-row button{color:#64748b;background:#fff;border:1px solid #dbe5ef;border-radius:12px;flex:none;padding:.72rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 24px #0f172a12}.category-row button:hover{transform:translateY(-2px)}.category-row button.selected{color:#fff;background:#101828;border-color:#101828}.deck-rail{min-width:0}.rail-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;display:flex}.rail-heading h2{font-size:1.55rem;font-weight:700}.rail-heading p{color:#64748b;margin-top:.2rem;font-size:.92rem;font-weight:700}.rail-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:330px;grid-auto-flow:column;gap:1rem;padding:.2rem 1rem 1.5rem .2rem;display:grid;overflow-x:auto}.rail-card{scroll-snap-align:start;background:#fff;border:1px solid #dbe5ef;border-radius:18px;transition:transform .24s,box-shadow .24s;overflow:hidden;box-shadow:0 18px 38px #0f172a1a}.rail-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 30px 65px #0f172a24}.rail-poster{text-align:left;border:0;width:100%;min-height:170px;padding:1rem;position:relative;overflow:hidden}.rail-poster:after{content:"";background:radial-gradient(circle at 72% 18%,#ffffff6b,#0000 30%);transition:transform .4s;position:absolute;inset:0}.rail-card:hover .rail-poster:after{transform:scale(1.12)}.rail-poster>span{z-index:1;color:#0f172a;background:#ffffffe0;border-radius:999px;padding:.42rem .65rem;font-size:.74rem;font-weight:950;position:absolute;bottom:1rem;right:1rem}.rail-card-body{padding:.95rem}.rail-card-body p{color:#0f766e;text-transform:none;font-size:.78rem;font-weight:700}.rail-card-body h3{min-height:44px;margin-top:.25rem;font-size:1.05rem;font-weight:700;line-height:1.25}.creator-link{color:#64748b;text-align:left;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700;transition:color .2s,transform .2s}.creator-link:hover{color:#0f766e}.rail-actions{gap:.55rem;min-height:38px;margin-top:.8rem;display:flex}.rail-card-body .heart-button,.rail-card-body .save-button{width:38px;height:38px}.rail-card-body .preview-button{color:#fff;background:#101828;width:100%;margin-top:.8rem;margin-left:0}.preview-button{color:#334155;background:#f1f5f9;border:0;border-radius:12px;margin-left:auto;padding:.65rem .9rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.preview-button:hover{transform:translateY(-2px)}.save-button,.heart-button,.collection-button{place-items:center;display:grid}.save-button,.collection-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;width:38px;height:38px;padding:0;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s}.save-button:hover,.collection-button:hover{color:#0f766e;border-color:#0f766e;transform:translateY(-2px);box-shadow:0 10px 20px #0f766e1f}.save-button.saved,.collection-button.in-collection{color:#0f766e;background:#ecfdf5;border-color:#0f766e}.heart-button{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:999px;width:38px;height:38px;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s}.heart-button:hover{color:#e11d48;background:#fff7f8;border-color:#fb7185;transform:translateY(-2px);box-shadow:0 10px 20px #e11d481f}.heart-button.liked{color:#e11d48;background:#fff1f2;border-color:#fb7185}.action-icon{fill:#0000;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:18px;height:18px;transition:fill .18s,stroke .18s,transform .18s}.heart-button:hover .action-icon,.save-button:hover .action-icon{transform:scale(1.05)}.heart-button.liked .action-icon,.save-button.saved .action-icon{fill:currentColor}@media (max-width:780px){.stream-hero,.browse-tools{grid-template-columns:1fr}.featured-poster{aspect-ratio:16/9;min-height:auto}.rail-track{grid-auto-columns:80vw;gap:.75rem;padding-bottom:1rem}.rail-poster{min-height:156px;padding:.85rem}.rail-card-body{padding:.85rem}}.dark .stream-hero{background:radial-gradient(circle at 90% 8%,#2dd4bf14,#0000 28%),linear-gradient(135deg,#0f172a 0%,#131c2e 55%,#080c14 100%);border-color:#1e293b}.dark .stream-hero-meta span{color:#cbd5e1;background:#1e293b}.dark .live-pill{color:#cbd5e1;background:#0f172ad1;border-color:#1e293b}.dark .preview-button{color:#cbd5e1;background:#1e293b}.dark .preview-button:hover{background:var(--brand-color);color:#fff}.dark .filter-row select{color:#f8fafc;background:#0f172a;border-color:#1e293b}.dark .filter-row label{color:#94a3b8}.dark .category-row button{color:#94a3b8;background:#0f172a;border-color:#1e293b}.dark .category-row button.selected{color:#0f172a;background:#f8fafc;border-color:#f8fafc}.dark .search-card{background:#0f172a;border-color:#1e293b}.dark .search-card input{color:#f8fafc}.dark .hero-search{background:#0f172aeb;border-color:#1e293b}.dark .hero-search input{color:#f8fafc}.dark .rail-heading p{color:#94a3b8;background-color:#0f172a;border-color:#1e293b}