/* Original CineFilm brand and floating navigation. Presentation only. */
.ios-cinefilm .bubble-logo{width:56px;height:56px;flex-basis:56px}
.ios-cinefilm.home-compact .bubble-logo .brand{width:56px;height:56px;border-radius:17px;object-fit:cover;filter:none;box-shadow:none;border:0}
.ios-cinefilm.home-compact .bubble-search-area .search-box{height:38px;min-height:38px;max-height:38px;box-sizing:border-box;border-radius:22px;padding:0 12px}
.ios-cinefilm.home-compact .bubble-search-area #search{font-size:13px;padding:9px 0;line-height:1.35}
.ios-cinefilm.home-compact .bubble-search-area .search-box>svg{width:16px;height:16px}
.ios-cinefilm.home-compact .search-panel{position:sticky;top:8px;z-index:35;margin:3px 0 21px;padding:3px 13px;border:1px solid var(--ios-line);border-radius:25px;background:var(--ios-glass);box-shadow:0 6px 22px #00000018,inset 0 1px 0 #ffffff12;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.ios-cinefilm.home-compact .filter-row{min-height:40px;padding-bottom:0;gap:19px}
.ios-cinefilm.home-compact .filter-row>.chip[data-filter],.ios-cinefilm.home-compact .filter-row>.chip[data-category]{min-height:40px;padding-top:10px;padding-bottom:11px}
.ios-cinefilm.home-compact .filter-row>.chip.active:after{bottom:3px}
.ios-cinefilm .category-note{margin:4px 1px 8px;font-size:10px}
.ios-cinefilm .home-bottom-nav{left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:500px;margin:0 auto;min-height:64px;padding:6px 8px;border:1px solid var(--ios-line);border-radius:27px;background:var(--ios-glass);box-shadow:0 10px 35px #00000030,inset 0 1px 0 #ffffff1a;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);transform:none}
.ios-cinefilm .home-bottom-nav-inner{max-width:none;margin:0;gap:3px}
.ios-cinefilm .home-nav-button{min-height:48px;border-radius:21px;gap:3px;font-size:8px}
.ios-cinefilm .home-nav-button svg{width:22px;height:22px;padding:3px}
.ios-cinefilm.home-compact .shell{padding-bottom:calc(126px + env(safe-area-inset-bottom))}
@media(max-width:350px){.ios-cinefilm .bubble-logo{width:50px;height:50px;flex-basis:50px}.ios-cinefilm.home-compact .bubble-logo .brand{width:50px;height:50px;border-radius:15px}.ios-cinefilm .home-bottom-nav{left:14px;right:14px;padding-left:5px;padding-right:5px}.ios-cinefilm .home-nav-button svg{width:21px;height:21px}}

.ios-cinefilm .home-nav-button.is-active svg{box-shadow:0 0 0 3px var(--cf-brand-glow)}