/* PeachTV kit v6: identity 5, motion 7. The supplied mark is placed intact. */
:root {
  --peach-canvas: #000;
  --peach-glass: rgba(32, 33, 38, .68);
  --peach-ease: cubic-bezier(.22, .75, .18, 1);
}
.peachtv-wordmark { display: block; width: 120px; height: auto; object-fit: contain; }
.brand .peachtv-wordmark { flex: 0 0 120px; min-width: 96px; }
.opening .peachtv-wordmark { width: 168px; margin: 0 auto 24px; }
#peachtv-launch {
  position: fixed; inset: 0; z-index: 2147483000;
  display: grid; place-items: center; overflow: hidden;
  color: #fff; background: var(--peach-canvas);
  opacity: 1; transition: opacity 260ms var(--peach-ease);
}
#peachtv-launch[hidden] { display: none; }
#peachtv-launch.is-leaving { opacity: 0; pointer-events: none; }
.peachtv-launch-art, .peachtv-launch-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; object-position: center;
}
#peachtv-launch.is-motion .peachtv-launch-art { visibility: hidden; }
.peachtv-launch-video { opacity: 0; transition: opacity 120ms linear; }
#peachtv-launch.is-playing .peachtv-launch-video { opacity: 1; }
#peachtv-launch.is-playing .peachtv-launch-art { visibility: hidden; }
.peachtv-ready #app { animation: peach-arrive 360ms var(--peach-ease) both; }
@keyframes peach-arrive { from { opacity: .7; } to { opacity: 1; } }

/* Small movements support the native-feeling glass navigation without moving text during reading. */
.nav-button, .button, .icon-button, .profile-switch, .profile-choice, .circle-watchlist {
  transition: background-color 200ms var(--peach-ease), color 180ms,
    box-shadow 220ms var(--peach-ease), transform 220ms var(--peach-ease);
}
.nav-button:active, .button:active, .icon-button:active, .circle-watchlist:active { transform: scale(.97); }
.poster-frame, .editorial-card, .genre-tile, .extra-card {
  transition: transform 300ms var(--peach-ease), box-shadow 300ms var(--peach-ease), border-color 200ms;
}
.mobile-tabbar {
  box-shadow: inset 0 1px 1px #ffffff45, inset 0 -1px 1px #ffffff0c, 0 8px 36px #0006;
  -webkit-backdrop-filter: blur(28px) saturate(1.65); backdrop-filter: blur(28px) saturate(1.65);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .poster-button:hover .poster-frame, .extra-card:hover, .genre-tile:hover { transform: translateY(-3px); box-shadow: 0 14px 32px #0006; }
}
@media (prefers-reduced-motion: no-preference) {
  #detail-dialog[open], #utility-dialog[open] { animation: peach-panel-arrive 280ms var(--peach-ease) both; }
  #detail-dialog::backdrop, #utility-dialog::backdrop { animation: peach-arrive 220ms linear; }
  @keyframes peach-panel-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  #peachtv-launch, .peachtv-launch-video { transition: opacity 150ms linear; }
  .peachtv-ready #app, #detail-dialog[open], #utility-dialog[open] { animation: none; }
  .nav-button, .button, .icon-button, .profile-switch, .profile-choice, .circle-watchlist,
  .poster-frame, .editorial-card, .genre-tile, .extra-card, .sidebar, .nav-text { transition: none !important; }
  .nav-button:active, .button:active, .icon-button:active, .circle-watchlist:active,
  .poster-button:hover .poster-frame, .extra-card:hover, .genre-tile:hover { transform: none; }
}

/* Compact navigation wordmark; the approved launch identity stays intact. */
.sidebar > .brand { padding: 0 12px 24px; }
.peachtv-nav-wordmark { display: inline-block; color: #f5f5f7; font: 500 28px/1.1 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; letter-spacing: -1.05px; white-space: nowrap; }
.peachtv-nav-wordmark strong { font-weight: 800; letter-spacing: -1.1px; }



/* Artwork-tinted surfaces: soft light and off-white type, with a black player. */
:root { --bg:#16171b; --surface:#25262c; --text:#eeedf1; --muted:#b0aeb8; }
body { background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; }
.main { position:relative; isolation:isolate; min-height:100dvh; background:linear-gradient(145deg,#26232e88,#15202a55 55%,#19181d88); }
.main::before { content:''; position:fixed; inset:-70px; z-index:-1; pointer-events:none; background-image:var(--ambient-art,none); background-size:cover; background-position:center; filter:blur(85px) saturate(.7); opacity:.24; transform:translateZ(0); }
.main::after { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#17171c20,#16171b9e 70%); }
.sidebar,.sidebar:hover,.sidebar:focus-within { background:linear-gradient(160deg,#2a2831d9,#1c2126df); border-right:1px solid #ffffff12; }
.sidebar > .brand { display:flex; position:relative; align-items:center; width:fit-content; gap:8px; padding:0 12px 24px; }
.brand-hover-symbol { width:0; opacity:0; overflow:hidden; transform:translateX(-5px) scale(.9); transition:width 260ms var(--peach-ease),opacity 220ms,transform 260ms var(--peach-ease); }
.brand-hover-symbol img { display:block; width:24px; height:30px; object-fit:contain; }
.brand:hover .brand-hover-symbol,.brand:focus-visible .brand-hover-symbol { width:24px; opacity:.94; transform:none; }
.peachtv-nav-wordmark { color:#eeedf1; }
.topbar { color:#eeedf1; font-weight:750; letter-spacing:-.025em; }
.section,.search-browse-section { position:relative; isolation:isolate; }
.section::before,.search-browse-section::before { content:''; position:absolute; z-index:-1; pointer-events:none; inset:12% -25px -25px; background-image:var(--shelf-art,none); background-size:100% 100%; filter:blur(65px) saturate(.65); opacity:.13; border-radius:60px; }
.section-heading h2,.detail-section h2 { color:#e7e6eb; font-weight:750; letter-spacing:-.025em; }
.poster-frame,.editorial-card,.extra-card { border:1px solid #ffffff13; box-shadow:0 6px 22px #08091035; }
.poster-title { color:#e2e0e6; font-weight:650; }
.poster-meta,.section-heading p,.search-title-copy small { color:#b0aeb8; }
.search-title-copy strong { font-weight:600; color:#e8e6ec; }
.search-page-form { background:#2b2a30b3; box-shadow:inset 0 1px #ffffff12; }
.search-topbar > .search-page-form { background:#2b2a30b3; }
.hero,.hero-slide { background-color:#18191e; }
.hero-slide::before { background:linear-gradient(0deg,#16171b 0%,#17171ca6 28%,transparent 72%),linear-gradient(90deg,#17171c55,transparent 75%); }
.home-rows { position:relative; }
.about-card,.settings-card { background:linear-gradient(135deg,#36333d94,#262a309e); border:1px solid #ffffff12; border-radius:20px; }
@media(max-width:700px) {
 .main::before { filter:blur(60px) saturate(.7); opacity:.20; }
 .section::before,.search-browse-section::before { inset:15% 0 -15px; filter:blur(45px); }
 .hero-slide::before { background:linear-gradient(0deg,#16171b 0%,#17171cba 25%,transparent 75%); }
}
@media(prefers-reduced-motion:reduce) { .brand-hover-symbol { transition:none; } }
@media(prefers-contrast:more) { :root { --text:#fff;--muted:#d2d2d7; } .section-heading h2,.poster-title,.topbar{color:#fff}.poster-meta,.section-heading p{color:#d2d2d7}.main::before,.section::before{opacity:.1} }
.content.home-content { padding:0 0 70px; }
@media(max-width:700px) { .content.home-content { padding:0 0 30px; } }