/* Veřejný streaming katalog: skleněné karty a pozadí z cloud bubbles. */
:root{--cloud-surface:rgba(22,24,35,.54);--cloud-line:rgba(255,255,255,.15);--cloud-shadow:0 24px 80px rgba(0,0,0,.38)}
body.cloud-catalog{background:radial-gradient(ellipse 70% 44% at 90% -8%,#4c356329,transparent 70%),radial-gradient(ellipse 52% 33% at -9% 46%,#315b7d1f,transparent 72%),#08090d}
.cloud-catalog [hidden]{display:none!important}
.cloud-field{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.cloud{position:absolute;display:block;border-radius:50%;border:1px solid #ffffff24;background:radial-gradient(circle at 31% 22%,#fff9 0,#ffffff38 13%,#9ba4ff1c 40%,#15162508 69%);box-shadow:inset 18px 18px 37px #ffffff22,inset -23px -22px 45px #03040a6e,0 22px 85px #0008;backdrop-filter:blur(20px);filter:blur(.2px);animation:cloud-drift 17s ease-in-out infinite}.cloud:after{content:"";position:absolute;width:32%;aspect-ratio:1;border-radius:50%;top:13%;left:17%;background:#fff5;filter:blur(6px);opacity:.35}.cloud--one{width:34vw;min-width:330px;aspect-ratio:1;right:-13vw;top:17vh;opacity:.5}.cloud--two{width:18vw;min-width:190px;aspect-ratio:1;left:-8vw;top:62vh;opacity:.42;animation-delay:-5.5s}.cloud--three{width:10vw;min-width:120px;aspect-ratio:1;right:21vw;bottom:7vh;opacity:.35;animation-delay:-11s}.cloud--four{width:7vw;min-width:85px;aspect-ratio:1;left:24vw;top:16vh;opacity:.25;animation-delay:-8s}.cloud--five{width:4vw;min-width:48px;aspect-ratio:1;right:8vw;top:58vh;opacity:.42;animation-delay:-14s}@keyframes cloud-drift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-22px,-31px,0) rotate(9deg)}}
.cloud-catalog .site-header{position:sticky;top:0;width:min(1480px,calc(100% - 36px));height:72px;margin:0 auto 16px;border:1px solid #ffffff19;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(118deg,#10121ce0,#1e1d2f94);box-shadow:0 12px 38px #0004, inset 0 1px #ffffff17;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.cloud-catalog .brand-mark{filter:drop-shadow(0 0 8px #f2dc6570)}.cloud-catalog .main-nav{gap:31px}.cloud-catalog .main-nav a{font-size:13px}.cloud-catalog .profile{padding:5px 8px 5px 5px;border:1px solid #ffffff14;border-radius:100px;background:#ffffff09}.cloud-catalog .profile-avatar{border-radius:50%;box-shadow:0 0 0 3px #ffffff12}.cloud-catalog .icon-button{width:38px;height:38px;border:1px solid #ffffff12;border-radius:50%;background:#ffffff08}
.cloud-catalog .hero{width:min(1480px,calc(100% - 36px));max-width:none;min-height:min(70vh,690px);margin:0 auto;overflow:visible;border:1px solid var(--cloud-line);border-radius:31px;background:#1819258c;box-shadow:var(--cloud-shadow),inset 0 1px #ffffff2e;backdrop-filter:blur(15px)}.cloud-catalog .hero:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff12,transparent 24%,transparent 73%,#ffffff0a)}.cloud-catalog .hero:after{z-index:1;border-radius:inherit;background:linear-gradient(90deg,#090a12 0%,rgba(9,10,18,.87) 30%,rgba(9,10,18,.08) 73%,rgba(9,10,18,.35)),linear-gradient(0deg,#090a12 0%,transparent 42%)}.cloud-catalog .hero-art{border-radius:inherit;overflow:hidden}.cloud-catalog .hero-art .art{filter:saturate(1.1) contrast(1.04)}.cloud-catalog .hero-content{z-index:3;width:min(555px,53%);margin:clamp(55px,9vh,112px) 0 64px 43px;padding:32px 34px 34px;border:1px solid #ffffff20;border-radius:25px;background:linear-gradient(135deg,#171925b8,#27243d70);box-shadow:inset 0 1px #fff2,0 20px 45px #0004;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.cloud-catalog .hero h1{font-size:clamp(48px,5.4vw,82px);text-shadow:0 3px 28px #000}.cloud-catalog .hero-description{color:#e0e0e7}.cloud-catalog .primary-button{border:1px solid #ffffff68;box-shadow:0 8px 20px #0004}.cloud-catalog .secondary-button{border:1px solid #ffffff25;background:#ffffff13}.cloud-catalog .hero-controls{z-index:3;right:31px;bottom:29px;padding:9px 12px;border:1px solid #ffffff16;border-radius:100px;background:#0e10199e;backdrop-filter:blur(12px)}.cloud-catalog .scroll-hint{z-index:3;bottom:34px;left:47px}.cloud-catalog .hero-dot{background:#ffffff4d}.cloud-catalog .hero-dot.is-current{background:var(--accent);box-shadow:0 0 10px #f2dc65}
.cloud-catalog .quick-filters{position:relative;z-index:2;width:min(1200px,calc(100% - 70px));margin-top:-24px;padding:14px 17px;justify-content:center;border:1px solid #ffffff1d;border-radius:100px;background:linear-gradient(110deg,#171925d8,#2a273e99);box-shadow:0 14px 45px #0005,inset 0 1px #fff2;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.cloud-catalog .filter-chip{border-color:#ffffff18;background:#ffffff0b;color:#d0d1d9}.cloud-catalog .filter-chip:hover,.cloud-catalog .filter-chip.is-selected{border-color:#fff7b6;background:linear-gradient(135deg,#fff4a6,#f0ca58);box-shadow:0 5px 17px #f1dc6533}
.cloud-catalog .content-section{width:min(1480px,calc(100% - 36px));margin-top:60px}.cloud-catalog .cloud-shelf{position:relative;padding:26px 27px 29px;border:1px solid #ffffff13;border-radius:27px;background:linear-gradient(120deg,#1416229c,#1a1a2982);box-shadow:inset 0 1px #ffffff12,0 18px 55px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.cloud-catalog .cloud-shelf:before{content:"";position:absolute;z-index:-1;width:250px;aspect-ratio:1;right:9%;top:-86px;border-radius:50%;background:#8d78e21c;filter:blur(26px)}.cloud-catalog .section-heading{margin-bottom:20px}.cloud-catalog .section-heading h2{font-size:30px}.cloud-catalog .text-button{padding:8px 13px;border:1px solid #ffffff19;border-radius:100px;background:#ffffff08}.cloud-catalog .text-button:hover{border-color:#f2dc6566;background:#f2dc6513}
.cloud-catalog .continue-grid,.cloud-catalog .title-grid{display:grid;grid-auto-flow:column;grid-template-columns:unset;gap:15px;overflow-x:auto;overflow-y:visible;padding:4px 2px 13px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#f2dc656b transparent}.cloud-catalog .title-grid{grid-auto-columns:clamp(190px,16vw,240px)}.cloud-catalog .continue-grid{grid-auto-columns:clamp(230px,25vw,345px)}.cloud-catalog .title-card{scroll-snap-align:start}.cloud-catalog .card-art{border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 9px 21px #0005,inset 0 1px #fff2}.cloud-catalog .title-grid .card-art{aspect-ratio:2/3}.cloud-catalog .title-grid .art-poster{object-fit:cover;object-position:center}.cloud-catalog .card-art:before{content:"";position:absolute;z-index:4;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff1c,transparent 25%,transparent 72%,#ffffff0b);box-shadow:inset 0 1px #fff2}.cloud-catalog .title-card:focus-visible .card-art,.cloud-catalog .title-card:hover .card-art{transform:translateY(-6px) scale(1.015);border-color:#ffffff52;box-shadow:0 18px 37px #0009,0 0 0 3px #ffffff0a}.cloud-catalog .card-play{z-index:5;border:1px solid #ffffffa6;box-shadow:0 10px 24px #0008}.cloud-catalog .card-info{padding:11px 5px 0}.cloud-catalog .card-info h3{font-size:15px}.cloud-catalog .rank{z-index:5;color:#f7f1d4;text-shadow:0 4px 13px #000}.cloud-catalog .progress{background:#ffffff24}.cloud-catalog .progress span{background:linear-gradient(90deg,#fff4a4,#f1d75f);box-shadow:0 0 7px #f2dc65}.cloud-catalog .genre-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}.cloud-catalog .genre-card{min-height:130px;border:1px solid #ffffff20;border-radius:19px;box-shadow:inset 0 1px #fff3,0 12px 24px #0004}.cloud-catalog .genre-card:hover{box-shadow:inset 0 1px #fff5,0 20px 33px #0006}.cloud-catalog .last-section{margin-bottom:55px}
.cloud-catalog .join-section{width:min(1480px,calc(100% - 36px));border-color:#ffffff20;border-radius:27px;background:linear-gradient(120deg,#171925d9,#34294c9e);box-shadow:var(--cloud-shadow),inset 0 1px #fff2}.cloud-catalog .join-section:after{content:"";position:absolute;z-index:-1;width:210px;aspect-ratio:1;right:12%;bottom:-135px;border-radius:50%;background:#d39bee40;filter:blur(20px)}.cloud-catalog .join-orb{border:1px solid #fff8;background:linear-gradient(135deg,#fff5a8,#e7ba49);box-shadow:0 12px 28px #0006}.cloud-catalog .site-footer{width:min(1480px,calc(100% - 36px));margin:0 auto 22px;padding:28px 34px;border:1px solid #ffffff14;border-radius:23px;background:#12141d8a;box-shadow:inset 0 1px #fff1;backdrop-filter:blur(18px)}
.cloud-catalog .search-panel,.cloud-catalog .detail-modal,.cloud-catalog .player-modal{backdrop-filter:blur(22px)}.cloud-catalog .search-dialog,.cloud-catalog .detail-card,.cloud-catalog .player-card{border-color:#ffffff23;background:#171925e8;box-shadow:var(--cloud-shadow),inset 0 1px #ffffff1d}.cloud-catalog .detail-card{overflow:hidden}.cloud-catalog .detail-copy{background:linear-gradient(145deg,#1a1c28e6,#252235bd)}
@media(max-width:1000px){.cloud-catalog .hero-content{width:min(570px,66%);margin-left:30px}.cloud-catalog .genre-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.cloud-catalog .site-header{width:calc(100% - 26px)}}
@media(max-width:620px){.cloud-catalog .site-header{height:64px;width:calc(100% - 16px);margin-bottom:10px;border-radius:0 0 16px 16px}.cloud-catalog .icon-button{width:33px;height:33px}.cloud-catalog .hero{width:calc(100% - 16px);min-height:625px;border-radius:23px}.cloud-catalog .hero:after{background:linear-gradient(0deg,#090a12 3%,rgba(9,10,18,.9) 47%,rgba(9,10,18,.08) 100%)}.cloud-catalog .hero-content{width:calc(100% - 24px);margin:235px 12px 45px;padding:23px 21px 25px;border-radius:20px}.cloud-catalog .hero h1{font-size:50px}.cloud-catalog .hero-description{font-size:14px}.cloud-catalog .hero-controls{right:18px;bottom:17px}.cloud-catalog .scroll-hint{display:none}.cloud-catalog .quick-filters{width:calc(100% - 28px);justify-content:flex-start;overflow:auto;margin-top:-17px;padding:11px 12px;scrollbar-width:none}.cloud-catalog .filter-chip{white-space:nowrap;padding:8px 13px}.cloud-catalog .content-section{width:calc(100% - 16px);margin-top:38px}.cloud-catalog .cloud-shelf{padding:21px 16px 22px;border-radius:22px}.cloud-catalog .section-heading h2{font-size:24px}.cloud-catalog .title-grid{grid-auto-columns:50vw;gap:11px}.cloud-catalog .continue-grid{grid-auto-columns:79vw;gap:11px}.cloud-catalog .card-art{border-radius:15px}.cloud-catalog .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cloud-catalog .genre-card{min-height:110px;border-radius:16px}.cloud-catalog .join-section,.cloud-catalog .site-footer{width:calc(100% - 16px);border-radius:21px}.cloud-catalog .join-section{padding:28px 24px;margin-bottom:26px}.cloud-catalog .site-footer{margin-bottom:8px;padding:27px 19px}.cloud--one{right:-45vw;top:20vh}.cloud--two{left:-25vw}.cloud--three{right:5vw}}
@media(prefers-reduced-motion:reduce){.cloud{animation:none}}
.cloud-catalog .surprise-button{color:#f2dc65;font-size:19px;text-shadow:0 0 12px #f2dc6570}.cloud-catalog .surprise-button:hover{background:#f2dc6520;transform:rotate(18deg) scale(1.07)}.cloud-catalog .personal-shelf{border-color:#f2dc6540;background:linear-gradient(120deg,#1d1b287a,#27213770)}
/* Emerald glass catalog overrides. */
body.cloud-catalog{background:radial-gradient(ellipse 70% 44% at 90% -8%,#1677442b,transparent 70%),radial-gradient(ellipse 52% 33% at -9% 46%,#0a72501f,transparent 72%),#07120d}.cloud{background:radial-gradient(circle at 31% 22%,#effff4 0,#c1ffda36 13%,#52c98d1c 40%,#0b241708 69%)}.cloud-catalog .site-header{background:linear-gradient(118deg,#0b1c13e8,#1239259c)}.cloud-catalog .brand-mark{filter:drop-shadow(0 0 8px #64e89a70)}.cloud-catalog .hero{background:#10241991}.cloud-catalog .hero-content{background:linear-gradient(135deg,#10241abf,#174b2e78)}.cloud-catalog .hero-dot.is-current{box-shadow:0 0 10px #64e89a}.cloud-catalog .quick-filters{background:linear-gradient(110deg,#10241ad9,#174a2d9c)}.cloud-catalog .filter-chip:hover,.cloud-catalog .filter-chip.is-selected{border-color:#c5ffda;background:linear-gradient(135deg,#c5ffda,#4ad27c);box-shadow:0 5px 17px #64e89a33}.cloud-catalog .cloud-shelf{background:linear-gradient(120deg,#0e21179c,#123b2482)}.cloud-catalog .cloud-shelf:before{background:#49df8c1c}.cloud-catalog .text-button:hover{border-color:#64e89a66;background:#64e89a13}.cloud-catalog .continue-grid,.cloud-catalog .title-grid{scrollbar-color:#64e89a6b transparent}.cloud-catalog .progress span{background:linear-gradient(90deg,#53dc88,#baffe0);box-shadow:0 0 7px #64e89a}.cloud-catalog .join-section{background:linear-gradient(120deg,#10241ad9,#194d2f9e)}.cloud-catalog .join-section:after{background:#5cf59a40}.cloud-catalog .join-orb{background:linear-gradient(135deg,#c8ffda,#44c979)}.cloud-catalog .detail-copy{background:linear-gradient(145deg,#10271ae6,#153d27bd)}.cloud-catalog .surprise-button{color:#82f3aa;text-shadow:0 0 12px #64e89a70}.cloud-catalog .surprise-button:hover{background:#64e89a20}.cloud-catalog .personal-shelf{border-color:#64e89a40;background:linear-gradient(120deg,#10271a7a,#143d2670)}

/* Průhledný detail titulu: katalog zůstává viditelný pod jemným zeleným sklem. */
.cloud-catalog .detail-modal{background:rgba(2,9,6,.42);backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08)}
.cloud-catalog .detail-card{border-color:#b9ffd43d;background:linear-gradient(135deg,rgba(18,55,35,.27),rgba(5,21,13,.17));box-shadow:0 30px 90px #0009,inset 0 1px #ffffff35;backdrop-filter:blur(30px) saturate(1.18);-webkit-backdrop-filter:blur(30px) saturate(1.18)}
.cloud-catalog .detail-copy{height:100%;background:linear-gradient(145deg,rgba(14,55,32,.39),rgba(16,66,39,.22));border-left:1px solid #d4ffe21c;box-shadow:inset 1px 0 #ffffff0d;backdrop-filter:blur(24px) saturate(1.22);-webkit-backdrop-filter:blur(24px) saturate(1.22)}
.cloud-catalog .detail-cast{border-color:#ccffdd29;background:#ffffff09;box-shadow:inset 0 1px #ffffff0e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cloud-catalog .detail-copy .watchlist-button{border:1px solid #d5ffe521;background:#ffffff17;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cloud-catalog .detail-copy .watchlist-button:hover{background:#ffffff26}
@media(max-width:620px){.cloud-catalog .detail-copy{border-left:0;border-top:1px solid #d4ffe21c}}