/* A quiet launch curtain keeps the catalog hidden until its first complete render. */
.app-startup{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:22px;
  overflow:hidden;
  color:#b9b2c7;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,39,143,.11),transparent 18rem),
    radial-gradient(circle at 72% 28%,rgba(40,222,209,.055),transparent 23rem),
    #080812;
  opacity:1;
  visibility:visible;
  transition:opacity .38s ease,visibility 0s linear .38s;
}
.app-startup::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:4px 4px;
}
.app-startup-glow{
  position:absolute;
  top:50%;
  left:50%;
  width:min(70vw,430px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,41,143,.14),rgba(185,38,192,.035) 42%,transparent 70%);
  opacity:0;
  transform:translate(-50%,-54%) scale(.8);
  animation:startup-glow-bounce 1.85s linear 1s both,startup-glow-breathe 2.8s ease-in-out 2.85s infinite alternate;
}
.app-startup-logo-stage{
  position:relative;
  width:clamp(112px,15vw,168px);
  aspect-ratio:1;
}
.app-startup-logo-stage img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.app-startup-logo-tube{
  opacity:.72;
  transform:scale(1);
  filter:grayscale(.76) saturate(.16) brightness(.24) contrast(.9) drop-shadow(0 2px 3px rgba(0,0,0,.72));
}
.app-startup-logo{
  opacity:0;
  transform:scale(.985);
  animation:startup-v-ignite 1.85s linear 1s both,startup-v-breathe 2.8s ease-in-out 2.85s infinite alternate;
}
.app-startup-status{
  position:relative;
  margin:0;
  color:#8f899f;
  font:600 .69rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:0;
  animation:startup-status-in .45s ease .85s forwards;
}
html[lang="de"] .app-startup-status [lang="en"],html[lang="en"] .app-startup-status [lang="de"]{display:none}
html[data-storage-loading="true"] .app-shell{opacity:0!important;visibility:hidden;pointer-events:none}
html[data-app-ready="true"] .app-shell{animation:startup-app-in .42s ease both}
.app-startup.is-leaving{opacity:0;pointer-events:none}

/* The large marquee is replaced by one stable navigation bar. */
:root[data-theme="neon"] .topbar,
:root[data-theme="neon"][data-view="machine"] .topbar{
  position:sticky;
  top:0;
  z-index:20;
  height:72px;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:62px;
  padding:0 clamp(18px,3.5vw,58px) 10px;
  overflow:visible;
  transition:none;
}
:root[data-theme="neon"] .brand{display:none}
:root[data-theme="neon"] .main-nav{grid-column:1;grid-row:1}
:root[data-theme="neon"] .search{grid-row:1}
:root[data-theme="neon"] .header-tools{grid-row:1}
:root[data-theme="neon"] .archive-neon-brand,
:root[data-theme="neon"][data-view="machine"] .archive-neon-brand,
:root[data-theme="neon"][data-view="cinema"] .archive-neon-brand{
  opacity:1;
  pointer-events:auto;
  animation:none;
  width:44px;
  height:44px;
  padding:7px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
:root[data-theme="neon"] .archive-neon-brand:hover,
:root[data-theme="neon"] .archive-neon-brand:focus-visible{
  background:transparent;
  box-shadow:none;
}
:root[data-theme="neon"] .archive-neon-brand img{
  width:100%;
  height:100%;
  transition:filter .18s ease,transform .18s ease;
}
:root[data-theme="neon"] .archive-neon-brand:hover img,
:root[data-theme="neon"] .archive-neon-brand:focus-visible img{
  filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,58,160,.82));
  transform:scale(1.06);
}

/* Arthouse is the light palette of the Neon-V interface, not a second layout. */
:root[data-theme="neon"][data-appearance="light"]{
  color-scheme:light;
  --bg:#f4f0e7;
  --panel:#fbf8f1;
  --panel2:#ece6da;
  --line:#d1c8bb;
  --text:#211e20;
  --muted:#706a70;
  --accent:#d62f79;
  --accent2:#087f7b;
  --danger:#a83249;
}
:root[data-theme="neon"][data-appearance="light"] body{
  color:var(--text);
  background:#f4f0e7;
  background-image:radial-gradient(circle at 13% 4%,rgba(255,50,148,.085),transparent 28rem),radial-gradient(circle at 89% 13%,rgba(30,180,173,.07),transparent 32rem),linear-gradient(180deg,#faf7f0 0,#f4f0e7 46rem);
}
:root[data-theme="neon"][data-appearance="light"] body::before{opacity:.11;background-image:linear-gradient(rgba(52,40,46,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(52,40,46,.04) 1px,transparent 1px)}
:root[data-theme="neon"][data-appearance="light"] .cinema-view,
:root[data-theme="neon"][data-appearance="light"] .machine-view,
:root[data-theme="neon"][data-appearance="light"] .machine-content{background-color:transparent;color:var(--text)}
:root[data-theme="neon"][data-appearance="light"] .project-sidebar,
:root[data-theme="neon"][data-appearance="light"] .archive-tabs,
:root[data-theme="neon"][data-appearance="light"] .archive-list-section,
:root[data-theme="neon"][data-appearance="light"] .table-wrap,
:root[data-theme="neon"][data-appearance="light"] .empty-state,
:root[data-theme="neon"][data-appearance="light"] .dialog,
:root[data-theme="neon"][data-appearance="light"] .detail-dialog,
:root[data-theme="neon"][data-appearance="light"] .catalog-explore-drawer{background:rgba(251,248,241,.97);border-color:var(--line);color:var(--text);box-shadow:0 20px 55px rgba(54,39,46,.14)}
:root[data-theme="neon"][data-appearance="light"] .catalog-explore-drawer .chip,
:root[data-theme="neon"][data-appearance="light"] .catalog-explore-choice,
:root[data-theme="neon"][data-appearance="light"] .chip,
:root[data-theme="neon"][data-appearance="light"] .project-item,
:root[data-theme="neon"][data-appearance="light"] .archive-list-row,
:root[data-theme="neon"][data-appearance="light"] .drawer-toggle{color:#554f57;background:rgba(244,240,231,.88);border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .chip:hover,
:root[data-theme="neon"][data-appearance="light"] .catalog-explore-choice:hover,
:root[data-theme="neon"][data-appearance="light"] .project-item:hover{color:#241e22;background:rgba(214,47,121,.07);border-color:#d62f79}
:root[data-theme="neon"][data-appearance="light"] .section-heading h2,
:root[data-theme="neon"][data-appearance="light"] .film-info strong,
:root[data-theme="neon"][data-appearance="light"] .catalog-collection-group>h3,
:root[data-theme="neon"][data-appearance="light"] .empty-state strong{color:#282125}
:root[data-theme="neon"][data-appearance="light"] .section-heading span,
:root[data-theme="neon"][data-appearance="light"] .film-meta,
:root[data-theme="neon"][data-appearance="light"] .film-meta button,
:root[data-theme="neon"][data-appearance="light"] .catalog-collection-region>h4,
:root[data-theme="neon"][data-appearance="light"] .catalog-collection-subregion{color:var(--muted)}
:root[data-theme="neon"][data-appearance="light"] input,
:root[data-theme="neon"][data-appearance="light"] select,
:root[data-theme="neon"][data-appearance="light"] textarea{color:var(--text);background:#fffdf8;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .topbar .search input{color:#fff7e8;background:transparent;border:0}
:root[data-theme="neon"][data-appearance="light"] .topbar .search input::placeholder{color:#8f899f}
:root[data-theme="neon"][data-appearance="light"] th{color:#746b71;background:#eee8dd;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] td{color:#302b2e;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .poster{border-color:#cfc4b8;box-shadow:0 12px 28px rgba(56,40,47,.18),7px 7px 0 rgba(214,47,121,.045)}
:root[data-theme="neon"][data-appearance="light"] .film-card:hover .poster,
:root[data-theme="neon"][data-appearance="light"] .film-card:focus-within .poster{border-color:#d62f79;box-shadow:0 18px 38px rgba(56,40,47,.22),0 0 18px rgba(214,47,121,.12)}
:root[data-theme="neon"][data-appearance="light"] .catalog-drawer-backdrop{background:rgba(43,32,38,.28)}
:root[data-theme="neon"][data-appearance="light"] .topbar{box-shadow:0 8px 22px rgba(30,22,29,.15)}
:root[data-theme="neon"][data-appearance="light"] .archive-neon-brand{border:0;background:transparent;box-shadow:none}
:root[data-theme="neon"][data-appearance="light"] tbody tr:hover{background:rgba(214,47,121,.055)}
:root[data-theme="neon"][data-appearance="light"] .dialog-head,
:root[data-theme="neon"][data-appearance="light"] .detail-body,
:root[data-theme="neon"][data-appearance="light"] .support-message-dialog .dialog-head,
:root[data-theme="neon"][data-appearance="light"] .support-message-dialog form{background:transparent;color:var(--text)}
:root[data-theme="neon"][data-appearance="light"] .dialog-head h2,
:root[data-theme="neon"][data-appearance="light"] .detail-body h2,
:root[data-theme="neon"][data-appearance="light"] .support-message-dialog .dialog-head h2,
:root[data-theme="neon"][data-appearance="light"] .tmdb-panel-head strong,
:root[data-theme="neon"][data-appearance="light"] .copies-head strong{color:#282125}
:root[data-theme="neon"][data-appearance="light"] .detail-body p,
:root[data-theme="neon"][data-appearance="light"] .form-grid label,
:root[data-theme="neon"][data-appearance="light"] .small-dialog label,
:root[data-theme="neon"][data-appearance="light"] .tmdb-panel-head small,
:root[data-theme="neon"][data-appearance="light"] .tmdb-status,
:root[data-theme="neon"][data-appearance="light"] .copies-head small,
:root[data-theme="neon"][data-appearance="light"] .film-playlist-option small,
:root[data-theme="neon"][data-appearance="light"] .copy-action small{color:var(--muted)}
:root[data-theme="neon"][data-appearance="light"] .catalog-drawer{background:#fbf8f1;border-color:var(--line);color:var(--text);box-shadow:-18px 0 48px rgba(54,39,46,.15)}
:root[data-theme="neon"][data-appearance="light"] .catalog-drawer-head,
:root[data-theme="neon"][data-appearance="light"] .drawer-language-section{border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .drawer-language-filters label{color:#554f57;background:#f0ebe2;border-color:transparent}
:root[data-theme="neon"][data-appearance="light"] .drawer-language-filters label:hover,
:root[data-theme="neon"][data-appearance="light"] .drawer-language-filters label:has(input:checked){color:#282125;background:#fff8fa;border-color:rgba(214,47,121,.3)}
:root[data-theme="neon"][data-appearance="light"] .catalog-settings-tabs,
:root[data-theme="neon"][data-appearance="light"] .film-editor-tabs{background:#e9e3d9;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .catalog-settings-tabs button,
:root[data-theme="neon"][data-appearance="light"] .film-editor-tabs button{color:var(--muted)}
:root[data-theme="neon"][data-appearance="light"] .catalog-settings-tabs button.is-active,
:root[data-theme="neon"][data-appearance="light"] .film-editor-tabs button.is-active{color:#087f7b;background:#fffdf8;box-shadow:inset 0 -2px #087f7b,0 2px 7px rgba(54,39,46,.08)}
:root[data-theme="neon"][data-appearance="light"] .catalog-info-section,
:root[data-theme="neon"][data-appearance="light"] .tmdb-panel,
:root[data-theme="neon"][data-appearance="light"] .film-copy,
:root[data-theme="neon"][data-appearance="light"] .film-playlist-option,
:root[data-theme="neon"][data-appearance="light"] .playlist-empty,
:root[data-theme="neon"][data-appearance="light"] .film-identifiers,
:root[data-theme="neon"][data-appearance="light"] .export-options label{color:#3c363a;background:#f8f4ec;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .catalog-info-section h3{color:#332d31}
:root[data-theme="neon"][data-appearance="light"] .catalog-info-section p,
:root[data-theme="neon"][data-appearance="light"] .export-summary,
:root[data-theme="neon"][data-appearance="light"] .export-options small,
:root[data-theme="neon"][data-appearance="light"] .film-identifiers-head small,
:root[data-theme="neon"][data-appearance="light"] .film-id-row label{color:var(--muted)}
:root[data-theme="neon"][data-appearance="light"] .media-type-switch{background:#e9e3d9;border-color:var(--line)}
:root[data-theme="neon"][data-appearance="light"] .media-type-switch label{color:var(--muted)}
:root[data-theme="neon"][data-appearance="light"] .media-type-switch input:checked+span{color:#fff;background:#087f7b;box-shadow:0 0 12px rgba(8,127,123,.16)}
:root[data-theme="neon"][data-appearance="light"] .secondary-action,
:root[data-theme="neon"][data-appearance="light"] .dialog-actions>button:not(.primary-button):not(.danger-button){color:#332d31!important;background:#f8f4ec!important;border-color:#c9beb1!important}
:root[data-theme="neon"][data-appearance="light"] .secondary-action:hover,
:root[data-theme="neon"][data-appearance="light"] .dialog-actions>button:not(.primary-button):not(.danger-button):hover{color:#a72261!important;background:#fff8fa!important;border-color:rgba(214,47,121,.4)!important}
:root[data-theme="neon"][data-appearance="light"] .archive-tab.is-active,
:root[data-theme="neon"][data-appearance="light"] .project-row.is-active{color:#282125;background:rgba(214,47,121,.075);box-shadow:inset 3px 0 #d62f79}
:root[data-theme="neon"][data-appearance="light"] .project-row.is-active .project-item{color:#282125}
:root[data-theme="neon"][data-appearance="light"] .project-menu,
:root[data-theme="neon"][data-appearance="light"] .project-row-menu{background:#fffaf2;border-color:var(--line);box-shadow:0 16px 38px rgba(55,39,25,.16)}
:root[data-theme="neon"][data-appearance="light"] .project-menu button{color:#302b2e}
:root[data-theme="neon"][data-appearance="light"] .project-menu button:hover{background:#eee6dc}
:root[data-theme="neon"][data-appearance="light"]{scrollbar-color:#bd4d7e #e7dfd4}
:root[data-theme="neon"][data-appearance="light"] ::-webkit-scrollbar-track{background:#e7dfd4}
:root[data-theme="neon"][data-appearance="light"] ::-webkit-scrollbar-thumb{border-color:#e7dfd4;background:linear-gradient(180deg,#db4b89,#b64c9f 56%,#1ea89f)}
:root[data-theme="neon"] .cinema-view::before,
:root[data-theme="neon"] .cinema-view::after{inset:72px 0 0}
:root[data-theme="neon"] .genre-filter-region{
  top:114px;
  max-height:calc(100dvh - 126px);
  will-change:auto;
  transition:none;
}
:root[data-theme="neon"] .view{min-height:calc(100dvh - 72px)}

.catalog-desktop-nav{display:none}
:root .catalog-explore-filter-panel .active-catalog-filters{display:grid;position:static;justify-content:stretch;gap:9px;margin:0;padding:0;overflow:visible}
:root .catalog-explore-filter-panel .active-catalog-filters[hidden]{display:none}
:root .catalog-explore-filter-panel .active-filter-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:12px;min-height:46px;padding:7px 7px 7px 13px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text);font-family:RobotoUI,system-ui,sans-serif;font-size:.82rem;font-stretch:normal;font-weight:600;letter-spacing:normal;line-height:1.25;text-transform:none}
:root .catalog-explore-filter-panel .active-filter-item [data-remove-catalog-filter]{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--muted);font:500 1.15rem/1 RobotoUI,system-ui,sans-serif;text-shadow:none}
:root .catalog-explore-filter-panel .active-filter-item [data-remove-catalog-filter]:hover,:root .catalog-explore-filter-panel .active-filter-item [data-remove-catalog-filter]:focus-visible{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent2)}
.catalog-desktop-nav [data-active-filter-count],.catalog-explore-tabs [data-active-filter-count]{font:inherit;color:inherit}
.catalog-desktop-nav [data-active-filter-count].has-active-filters,.catalog-explore-tabs [data-active-filter-count].has-active-filters{color:#19d3e6;text-shadow:0 0 8px color-mix(in srgb,#19d3e6 48%,transparent)}
.cinema-view.has-catalog-context:has(.catalog-playlist-essay-view:not([hidden])) .arthouse-catalog-bar{left:auto;width:min(880px,100%);max-width:880px;margin-right:auto;margin-left:auto;transform:none}
.cinema-view.has-catalog-context:has(.catalog-playlist-essay-view:not([hidden])) .arthouse-catalog-overview{width:100%;max-width:880px;margin-inline:auto;transform:none}

.playlist-essay-view.has-side-room-navigation .playlist-room-navigation{
  position:sticky;
  top:84px;
  z-index:7;
  align-self:start;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:flex-start;
  width:108px;
  height:0;
  margin:0;
  padding:0;
  overflow:visible;
  transform:translateX(calc(-100% - 28px));
}
.playlist-essay-view.has-side-room-navigation .playlist-room-progress{justify-content:space-between;width:100%}
.playlist-essay-view.has-side-room-navigation .playlist-room-progress::after{top:50%;bottom:auto;left:calc(100% + 9px);text-align:left;transform:translate(4px,-50%)}
.playlist-essay-view.has-side-room-navigation .playlist-room-progress:hover::after,
.playlist-essay-view.has-side-room-navigation .playlist-room-progress:focus-visible::after{transform:translate(0,-50%)}

@media(min-width:1100px){
  .playlist-essay-view.has-side-room-navigation .playlist-room-navigation{top:132px}
  :root[data-view="cinema"] .catalog-desktop-nav{
    position:sticky;
    top:72px;
    z-index:19;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(18px,3.5vw,52px);
    min-height:48px;
    padding:0 clamp(24px,4vw,64px);
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--bg) 94%,transparent);
    box-shadow:0 10px 24px rgba(0,0,0,.16);
    backdrop-filter:blur(18px);
  }
  :root[data-view="cinema"] .catalog-desktop-nav button{
    position:relative;
    min-height:48px;
    padding:0 5px;
    border:0;
    background:transparent;
    color:var(--muted);
    font-size:.76rem;
    font-weight:750;
    letter-spacing:.09em;
    text-transform:uppercase;
  }
  :root[data-view="cinema"] .catalog-desktop-nav button:hover,
  :root[data-view="cinema"] .catalog-desktop-nav button.is-active{color:var(--text)}
  :root[data-view="cinema"] .catalog-desktop-nav button::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:2px;
    background:var(--accent2);
    box-shadow:0 0 9px color-mix(in srgb,var(--accent2) 70%,transparent);
    opacity:0;
    transform:scaleX(.45);
    transition:opacity .18s ease,transform .18s ease;
  }
  :root[data-view="cinema"] .catalog-desktop-nav button.is-active::after{opacity:1;transform:none}
  :root[data-view="cinema"] body.catalog-explore-drawer-open .catalog-desktop-nav{z-index:72}
  :root[data-view="cinema"] #catalogExploreHeaderSlot{display:none}
  :root[data-view="cinema"] .catalog-explore-drawer{
    top:120px;
    right:auto;
    bottom:auto;
    left:50%;
    width:min(980px,calc(100vw - 64px));
    height:min(68dvh,680px);
    padding:24px 28px 30px;
    border:1px solid #34304a;
    border-top:0;
    border-radius:0 0 15px 15px;
    box-shadow:0 28px 68px rgba(0,0,0,.58);
    opacity:0;
    transform:translate(-50%,-12px);
    transition:opacity .2s ease,transform .24s cubic-bezier(.22,.75,.25,1),visibility 0s linear .24s;
  }
  :root[data-view="cinema"] .catalog-explore-drawer.is-open{
    opacity:1;
    transform:translate(-50%,0);
    transition-delay:0s;
  }
  :root[data-view="cinema"] .catalog-explore-tabs{display:none}
  :root[data-view="cinema"] .catalog-explore-panel{padding-top:20px}
  :root[data-view="cinema"] .catalog-explore-drawer .chips,
  :root[data-view="cinema"] .catalog-explore-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  :root[data-view="cinema"] .catalog-explore-filter-panel .active-catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  :root[data-view="cinema"] .catalog-collection-group{grid-column:1/-1}
  :root[data-view="cinema"] .catalog-collection-group-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  :root[data-view="cinema"] .catalog-explore-list>.playlist-choice-group .playlist-choice-group-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  :root[data-view="cinema"] .catalog-collection-region{align-content:start}
  :root[data-view="cinema"] .catalog-drawer-backdrop{top:120px}
  :root[data-theme="neon"][data-view="cinema"] .cinema-view::before,
  :root[data-theme="neon"][data-view="cinema"] .cinema-view::after{inset:120px 0 0}
  :root[data-theme="neon"][data-view="cinema"] .view{min-height:calc(100dvh - 120px)}
}

@keyframes startup-v-ignite{
  0%{opacity:0;filter:brightness(.38) saturate(.72)}
  2%{opacity:1;filter:brightness(1.18) saturate(1.08) drop-shadow(0 0 14px rgba(255,52,156,.46))}
  6%,28%{opacity:.06;filter:brightness(.48) saturate(.8)}
  31%{opacity:.94;filter:brightness(1.12) drop-shadow(0 0 12px rgba(255,52,156,.42))}
  35%,51%{opacity:.09;filter:brightness(.52)}
  54%{opacity:1;filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,52,156,.4))}
  58%,69%{opacity:.13;filter:brightness(.58)}
  72%{opacity:.96;filter:brightness(1.08) drop-shadow(0 0 11px rgba(255,52,156,.38))}
  76%,83%{opacity:.18;filter:brightness(.64)}
  86%{opacity:1;filter:brightness(1.07) drop-shadow(0 0 11px rgba(255,52,156,.36))}
  89%,92%{opacity:.3;filter:brightness(.72)}
  94%{opacity:1;filter:brightness(1.05) drop-shadow(0 0 10px rgba(255,52,156,.34))}
  96%{opacity:.56;filter:brightness(.86)}
  98%,100%{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 10px rgba(255,52,156,.3))}
}
@keyframes startup-v-breathe{to{filter:brightness(1.055) drop-shadow(0 0 15px rgba(255,52,156,.38))}}
@keyframes startup-glow-bounce{
  0%{opacity:0;transform:translate(-50%,-54%) scale(.8)}
  2%{opacity:1;transform:translate(-50%,-54%) scale(1.02)}
  6%,28%{opacity:.03}
  31%{opacity:.88}
  35%,51%{opacity:.04}
  54%{opacity:.94}
  58%,69%{opacity:.06}
  72%{opacity:.86}
  76%,83%{opacity:.09}
  86%{opacity:.92}
  89%,92%{opacity:.16}
  94%{opacity:.88}
  96%{opacity:.28}
  98%,100%{opacity:1;transform:translate(-50%,-54%) scale(1)}
}
@keyframes startup-glow-breathe{to{opacity:.82;transform:translate(-50%,-54%) scale(1.035)}}
@keyframes startup-status-in{to{opacity:1}}
@keyframes startup-app-in{from{opacity:0}to{opacity:1}}
@keyframes startup-reduced-reveal{from{opacity:0}to{opacity:1}}

@media(max-width:800px){
  :root[data-theme="neon"] .topbar,
  :root[data-theme="neon"][data-view="machine"] .topbar{
    height:126px;
    grid-template-columns:44px minmax(0,1fr) 48px minmax(0,1fr) 44px;
    grid-template-rows:52px 56px;
    column-gap:8px;
    row-gap:4px;
    padding:7px 12px;
  }
  :root[data-theme="neon"] .main-nav{display:contents}
  :root[data-theme="neon"] .main-nav>.nav-button[data-view="cinema"]{
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  :root[data-theme="neon"] .main-nav>.nav-button[data-view="machine"]{
    grid-column:4;
    grid-row:1;
    justify-self:start;
  }
  :root[data-theme="neon"] .archive-neon-brand{
    position:static;
    grid-column:3;
    grid-row:1;
    align-self:center;
    justify-self:center;
    margin:0;
  }
  :root[data-theme="neon"] #catalogExploreHeaderSlot{
    display:flex;
    grid-column:1;
    grid-row:2;
    align-self:center;
    justify-self:start;
  }
  :root[data-theme="neon"] .search{
    display:flex;
    grid-column:2/5;
    grid-row:2;
    align-self:center;
    justify-self:stretch;
    width:100%;
    min-width:0;
  }
  :root[data-theme="neon"] .header-tools{
    grid-column:5;
    grid-row:2;
    align-self:center;
    justify-self:end;
  }
  :root[data-theme="neon"] .cinema-view::before,
  :root[data-theme="neon"] .cinema-view::after{inset:126px 0 0}
}
@media(max-width:420px){
  :root[data-theme="neon"] .topbar,
  :root[data-theme="neon"][data-view="machine"] .topbar{grid-template-columns:42px minmax(0,1fr) 42px minmax(0,1fr) 42px;column-gap:5px;padding-inline:8px}
  :root[data-theme="neon"] .nav-button{padding-inline:9px;font-size:.7rem}
  :root[data-theme="neon"] .search{padding-inline:10px}
  :root[data-theme="neon"] .search input{font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){
  .app-startup-logo,.app-startup-glow{animation:startup-reduced-reveal 1ms linear 1s both}
  .app-startup-status{animation:none;opacity:1}
  .app-startup-logo{transform:none;filter:drop-shadow(0 0 10px rgba(255,52,156,.3))}
  html[data-app-ready="true"] .app-shell{animation:none}
}