* { box-sizing: border-box; }
:root { --bg:#080808; --panel:#141414; --panel-2:#1d1d1f; --text:#f7f7f8; --muted:#9d9da7; --accent:#e50914; --accent-soft:#ff3340; --ok:#52c77a; --border:#2a2a31; }
html { background:var(--bg); }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top right,#26090b 0,var(--bg) 34rem); color:var(--text); min-height:100vh; -webkit-font-smoothing:antialiased; }
button,input,select { font:inherit; } button { -webkit-tap-highlight-color:transparent; } a { color:inherit; }
.topbar { position:sticky; top:0; z-index:40; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 4vw; background:rgba(8,8,8,.9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.brand { font-weight:950; letter-spacing:.06em; font-size:1.25rem; color:var(--text); }
.brand .brand-gega { color:#f7f7f8 !important; }
.brand .brand-flix { color:var(--accent) !important; }
nav { display:flex; gap:.45rem; flex-wrap:wrap; }
.mobile-bottom-nav { display:none; }
.nav-btn { color:var(--muted); background:transparent; border:1px solid transparent; padding:.6rem .8rem; border-radius:.7rem; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:.35rem; }
.nav-icon { display:none; font-size:1.25rem; line-height:1; }
.nav-btn:hover,.nav-btn.active { color:var(--text); border-color:var(--border); background:var(--panel); }
main { width:min(1400px,92vw); margin:0 auto; padding:3rem 0 4rem; }
.hero { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding:2rem 0 3rem; } .hero h1 { font-size:clamp(2.2rem,5vw,5rem); line-height:.96; margin:.4rem 0 1rem; max-width:850px; }
.subhead { color:var(--muted); max-width:760px; font-size:1.05rem; } .eyebrow { color:var(--accent-soft); font-weight:800; letter-spacing:.13em; font-size:.76rem; margin:0; }
.status-pill { border:1px solid var(--border); background:var(--panel); border-radius:999px; padding:.75rem 1rem; color:var(--muted); white-space:nowrap; } .status-pill.online { color:var(--ok); }
.app-view { display:none; } .app-view.active-view { display:block; }
.stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.stat-card,.panel,.poster-card,.health-card,.metric-chart-card { border:1px solid var(--border); background:rgba(20,20,20,.94); }
.stat-card { padding:1.3rem; border-radius:1rem; } .stat-card .value { font-size:2rem; font-weight:850; margin-top:.35rem; } .stat-card .label { color:var(--muted); }
.panel { margin-top:1.25rem; padding:1.4rem; border-radius:1rem; } .section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.2rem; gap:1rem; }
h2 { margin:.25rem 0 0; font-size:1.5rem; } h3 { margin:0 0 .8rem; } .meta { color:var(--muted); font-size:.92rem; }
.poster-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1rem; } .poster-card { overflow:hidden; border-radius:.85rem; background:var(--panel-2); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.clickable-card { cursor:pointer; } .clickable-card:hover,.clickable-card:focus-visible { transform:translateY(-3px); border-color:#6a1a20; box-shadow:0 12px 30px rgba(0,0,0,.28); outline:none; }
.poster { aspect-ratio:2/3; display:grid; place-items:center; font-size:3rem; background:linear-gradient(145deg,#29292f,#111114); overflow:hidden; } .poster img { width:100%; height:100%; object-fit:cover; display:block; } .poster-copy { padding:.8rem; } .poster-copy strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.health-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.8rem; } .health-card { padding:1rem; border-radius:.9rem; background:linear-gradient(145deg,#1b1b1d,#111113); min-width:0; }
.health-label { color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; } .health-value { font-size:clamp(1.15rem,2vw,1.65rem); font-weight:850; margin:.35rem 0 .2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem; } .metric-chart-card { border-radius:1rem; padding:1rem; background:linear-gradient(180deg,rgba(29,29,31,.96),rgba(15,15,16,.96)); overflow:hidden; } .network-chart-card { grid-column:1/-1; }
.chart-title { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.65rem; } .chart-title span { color:var(--muted); font-size:.88rem; text-align:right; }
.sparkline { height:155px; width:100%; overflow:hidden; border-radius:.7rem; background:linear-gradient(180deg,rgba(229,9,20,.05),rgba(255,255,255,.01)); } .sparkline svg { width:100%; height:100%; display:block; }
.metric-line { fill:none; stroke:var(--accent-soft); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; } .network-down-line { stroke:#54a8ff; } .network-up-line { stroke:#52c77a; } .chart-grid-line { stroke:rgba(255,255,255,.07); stroke-width:1; vector-effect:non-scaling-stroke; }
.sparkline-empty { height:100%; display:grid; place-items:center; color:var(--muted); font-size:.86rem; } .network-legend { display:flex; gap:1.1rem; color:var(--muted); font-size:.8rem; margin-top:.55rem; } .network-legend span:first-child { color:#8bc7ff; } .network-legend span:last-child { color:#7dde9f; }
.request-help { color:var(--muted); line-height:1.55; margin-top:-.35rem; } .request-form { display:grid; grid-template-columns:minmax(0,1fr) 150px 150px 130px; gap:.75rem; }
.request-form input,.request-form select,.library-toolbar input,.library-toolbar select { width:100%; color:var(--text); background:var(--panel-2); border:1px solid var(--border); border-radius:.75rem; padding:.9rem 1rem; }
.request-form button,.secondary-btn { border:0; border-radius:.75rem; background:var(--accent); color:white; font-weight:850; cursor:pointer; text-decoration:none; } .request-form button { padding:.85rem 1rem; } .secondary-btn { padding:.55rem .8rem; margin-left:.55rem; }
.request-form button:hover,.secondary-btn:hover { background:var(--accent-soft); } .request-result { min-height:1.5rem; color:var(--muted); margin-top:.85rem; }
.request-list { display:grid; gap:.65rem; } .request-item { display:flex; justify-content:space-between; align-items:center; gap:1rem; border:1px solid var(--border); border-radius:.85rem; background:var(--panel-2); padding:.9rem 1rem; } .request-item.available { border-color:rgba(82,199,122,.45); }
.request-status { border:1px solid var(--border); border-radius:999px; padding:.35rem .65rem; color:#f4c0c3; background:rgba(229,9,20,.12); font-size:.82rem; font-weight:800; } .request-item.available .request-status { color:var(--ok); background:rgba(82,199,122,.1); }
.library-toolbar { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:.75rem; margin-bottom:1rem; } .library-status { min-height:1.4rem; margin-bottom:.8rem; } .library-request-cta { margin:0 0 1rem; color:var(--muted); } .library-grid { grid-template-columns:repeat(7,1fr); } .server-details { line-height:1.8; }
.modal { display:none; position:fixed; inset:0; z-index:60; } .modal.open { display:block; } .modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.modal-card { position:relative; width:min(1040px,92vw); max-height:88vh; overflow:auto; margin:6vh auto; border:1px solid var(--border); border-radius:1.1rem; background:#111114; box-shadow:0 24px 90px rgba(0,0,0,.55); z-index:1; padding:1.5rem; }
.modal-close { position:absolute; top:.8rem; right:.9rem; width:38px; height:38px; border:1px solid var(--border); border-radius:999px; background:rgba(20,20,24,.9); color:var(--text); font-size:1.5rem; cursor:pointer; z-index:2; }
.modal-loading { padding:3rem 1rem; text-align:center; color:var(--muted); } .detail-layout { display:grid; grid-template-columns:230px 1fr; gap:1.7rem; align-items:start; } .detail-poster { border-radius:.8rem; border:1px solid var(--border); } .detail-copy h2 { font-size:2rem; margin:.3rem 0 .55rem; }
.detail-tagline { color:#d5d5db; font-style:italic; margin:0 0 1rem; } .detail-chips { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.85rem; } .detail-chips span { padding:.35rem .55rem; border-radius:.5rem; border:1px solid var(--border); background:var(--panel-2); color:#d8d8de; font-size:.84rem; }
.detail-genres { margin-bottom:1rem; } .detail-summary { color:#dddddf; line-height:1.65; } .detail-meta { display:flex; flex-wrap:wrap; gap:1rem 1.4rem; margin-top:1rem; color:var(--muted); font-size:.9rem; } .detail-section { margin-top:1.5rem; border-top:1px solid var(--border); padding-top:1.25rem; }
.cast-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; } .cast-person { border:1px solid var(--border); border-radius:.8rem; overflow:hidden; background:var(--panel-2); } .cast-photo-wrap { aspect-ratio:1/1; overflow:hidden; background:linear-gradient(145deg,#29292f,#111114); } .cast-photo { width:100%; height:100%; object-fit:cover; object-position:center 20%; display:block; }
.cast-photo-fallback { width:100%; height:100%; place-items:center; font-size:2.2rem; font-weight:900; color:var(--muted); } .cast-copy { padding:.7rem; } .cast-copy strong,.cast-copy span { display:block; } .cast-copy strong { font-size:.92rem; } .cast-copy span { color:var(--muted); font-size:.8rem; margin-top:.2rem; }
.trailer-section { margin-top:1.7rem; } .trailer-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.8rem; } .trailer-heading h3 { margin:0; } .trailer-heading a { color:#c9c9cf; font-size:.88rem; text-decoration:none; } .trailer-heading a:hover { color:white; }
.trailer-embed { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:.9rem; background:#000; border:1px solid var(--border); } .trailer-embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
footer { color:var(--muted); text-align:center; padding:0 1rem 2rem; }
@media(max-width:1200px){ .health-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:1100px){ .library-grid{grid-template-columns:repeat(5,1fr)}.request-form{grid-template-columns:1fr 140px 140px}.request-form button{grid-column:1/-1} }
@media(max-width:950px){ .poster-grid,.library-grid{grid-template-columns:repeat(3,1fr)}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.network-chart-card{grid-column:auto} }
@media(max-width:700px){ .detail-layout{grid-template-columns:1fr}.detail-poster{width:min(250px,70vw);margin:0 auto}.library-toolbar{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:620px){
 body{padding-bottom:calc(74px + env(safe-area-inset-bottom));background:#080808}
 .topbar{position:sticky;top:0;height:58px;padding:max(.7rem,env(safe-area-inset-top)) 4vw .65rem;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,8,8,.88)}
 .brand{display:block;position:static;font-size:1.08rem;letter-spacing:.06em;line-height:1;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;transform:translateZ(0)}
 .topbar .primary-nav{display:none}
 .mobile-bottom-nav{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:100;height:calc(64px + env(safe-area-inset-bottom));padding:.35rem .45rem env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;background:rgba(10,10,11,.96);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .nav-btn{position:relative;min-width:0;padding:.35rem .2rem;border:0!important;border-radius:.65rem;flex-direction:column;gap:.1rem;font-size:.68rem;font-weight:700}.nav-btn.active{background:rgba(229,9,20,.12);color:#fff}.nav-btn.active .nav-icon{color:var(--accent-soft)}.nav-icon{display:block}.nav-request-badge{position:absolute;top:.25rem;left:calc(50% + 7px)}
 main{width:100%;padding:.65rem 0 1.25rem;overflow:hidden}.app-view>*,#home-catalog-sections>*{max-width:100%}.panel{margin:1rem 3.5vw 0;padding:1rem;border-radius:.95rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.35rem}.section-heading>.meta{font-size:.8rem;line-height:1.35}
 .hero{align-items:flex-start;flex-direction:column}.poster-grid,.library-grid{grid-template-columns:repeat(2,1fr)}.request-form{grid-template-columns:1fr}.request-form button{grid-column:auto;min-height:48px}.request-form input,.request-form select{min-height:48px;font-size:16px}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-item{align-items:flex-start;flex-direction:column}.health-grid{grid-template-columns:1fr 1fr}.chart-title{align-items:flex-start;flex-direction:column;gap:.25rem}.chart-title span{text-align:left}.trailer-heading{align-items:flex-start;flex-direction:column}
 .modal-card{width:100%;max-height:94dvh;height:auto;margin:6dvh 0 0;border-radius:1.25rem 1.25rem 0 0;border-left:0;border-right:0;border-bottom:0;padding:1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.modal-close{position:sticky;float:right;top:.35rem;margin-bottom:-38px}.detail-copy h2{font-size:1.7rem}.detail-summary{font-size:.94rem;line-height:1.55}
 footer{padding:1.2rem 1rem .6rem;font-size:.75rem}
}

.brand{user-select:none;-webkit-user-select:none}

/* Hidden owner command center */
.admin-command-view{position:relative}
.admin-command-hero{position:relative;min-height:260px;display:flex;align-items:center;overflow:hidden;margin-bottom:1rem;padding:2.1rem;border:1px solid rgba(229,9,20,.24);border-radius:1.4rem;background:radial-gradient(circle at 78% 42%,rgba(229,9,20,.2),transparent 18rem),linear-gradient(135deg,#171719 0,#0b0b0d 60%,#130709 100%);box-shadow:0 24px 70px rgba(0,0,0,.34)}
.admin-command-glow{position:absolute;width:420px;height:420px;right:-120px;top:-170px;border-radius:50%;background:rgba(229,9,20,.13);filter:blur(30px);pointer-events:none}
.admin-command-copy{position:relative;z-index:2;max-width:650px}.admin-command-copy h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.9;margin:.45rem 0 .8rem;letter-spacing:-.055em}.admin-command-copy>p:last-child{color:#b7b7c0;margin:0;max-width:520px}
.admin-orbit{position:absolute;right:9%;top:50%;width:145px;height:145px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 50px rgba(229,9,20,.08)}.admin-orbit:before,.admin-orbit:after{content:"";position:absolute;border:1px solid rgba(229,9,20,.18);border-radius:50%}.admin-orbit:before{inset:-22px}.admin-orbit:after{inset:22px}.admin-orbit>span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent-soft);top:-5px;box-shadow:0 0 18px var(--accent-soft)}.admin-core{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#09090a;border:1px solid #4d171a;font-weight:950;font-size:1.65rem;color:#fff;box-shadow:0 0 45px rgba(229,9,20,.28)}
.admin-status-pill{position:absolute;right:1.5rem;bottom:1.4rem;z-index:2;background:rgba(10,10,12,.72);backdrop-filter:blur(12px)}
.admin-overview-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem}.admin-glass-card,.admin-telemetry-panel{border:1px solid rgba(255,255,255,.09);border-radius:1.2rem;background:linear-gradient(145deg,rgba(26,26,30,.88),rgba(12,12,14,.94));box-shadow:0 18px 55px rgba(0,0,0,.2)}.admin-glass-card{padding:1.35rem}.admin-card-kicker{font-size:.67rem;letter-spacing:.16em;font-weight:900;color:#777783}.admin-glass-card h2{margin:.35rem 0 1rem}.admin-live-row{display:flex;align-items:center;gap:.55rem;margin-top:1.1rem;color:#777783;font-size:.78rem}.admin-live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px rgba(82,199,122,.65)}
.admin-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-health-grid .health-card{background:rgba(8,8,10,.48);border-color:rgba(255,255,255,.07)}
.admin-telemetry-panel{margin-top:1rem;padding:1.35rem}.admin-section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem}.admin-section-title>span{font-size:.68rem;letter-spacing:.15em;color:#666672}.admin-chart-grid .metric-chart-card{border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(18,18,22,.94),rgba(8,8,10,.96))}
@media(max-width:900px){.admin-overview-grid{grid-template-columns:1fr}.admin-orbit{opacity:.55;right:4%}.admin-command-copy{max-width:70%}}
@media(max-width:620px){.admin-command-view{padding:0 3.5vw}.admin-command-hero{min-height:235px;margin-top:.35rem;padding:1.35rem;align-items:flex-start}.admin-command-copy{max-width:100%;z-index:3}.admin-command-copy h1{font-size:3.1rem;margin-top:.55rem}.admin-command-copy>p:last-child{max-width:75%;font-size:.86rem;line-height:1.5}.admin-orbit{width:100px;height:100px;right:-8px;top:62%;opacity:.45}.admin-core{width:48px;height:48px;font-size:1.2rem}.admin-status-pill{left:1.35rem;right:auto;bottom:1.15rem;padding:.55rem .7rem;font-size:.76rem}.admin-overview-grid{gap:.75rem}.admin-glass-card,.admin-telemetry-panel{padding:1rem}.admin-health-grid{grid-template-columns:1fr 1fr}.admin-section-title{align-items:flex-start;flex-direction:column}.admin-chart-grid{margin-top:.8rem}}

/* iOS standalone: keep the glass on its own layer, while explicitly placing
   the wordmark below the status-bar safe area. */
@media (display-mode: standalone) and (max-width:620px){
 .topbar{isolation:isolate;height:calc(58px + env(safe-area-inset-top));min-height:0;padding:calc(env(safe-area-inset-top) + 12px) 4vw 11px;margin:0;transform:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
 .topbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(8,8,8,.72);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-bottom:1px solid rgba(255,255,255,.10)}
 .brand{position:relative;z-index:2;filter:none;-webkit-filter:none;transform:none;-webkit-font-smoothing:auto;text-rendering:auto;font-size:18px;line-height:18px;letter-spacing:1px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
}

.admin-library-export{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.admin-library-export h2{margin:.35rem 0 .35rem}
.admin-library-export p{margin:0}
.admin-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap}
.admin-export-actions .secondary-btn{white-space:nowrap}
@media(max-width:620px){.admin-library-export{align-items:flex-start;flex-direction:column}.admin-export-actions{width:100%;justify-content:flex-start}.admin-export-actions .secondary-btn{width:100%}}

/* Header quick search */
.header-search-shell{position:relative;flex:1;max-width:560px;margin:0 auto}
.header-search-shell>input{width:100%;height:42px;padding:0 2.7rem 0 2.45rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(24,24,27,.76);color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.header-search-shell>input:focus{border-color:rgba(255,255,255,.28);background:rgba(28,28,31,.92);box-shadow:0 0 0 3px rgba(229,9,20,.08)}
.header-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);z-index:2;color:#a9a9b2;font-size:1.15rem;pointer-events:none}
.header-search-results{position:absolute;top:calc(100% + .65rem);left:0;right:0;z-index:130;padding:.4rem;border:1px solid rgba(255,255,255,.11);border-radius:1rem;background:rgba(15,15,17,.96);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:0 22px 60px rgba(0,0,0,.55);overflow:hidden}
.header-search-result,.header-search-advanced{width:100%;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}
.header-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.48rem;border-radius:.7rem}
.header-search-result:hover,.header-search-result:focus-visible,.header-search-advanced:hover,.header-search-advanced:focus-visible{background:rgba(255,255,255,.07);outline:none}
.header-search-poster{width:38px;aspect-ratio:2/3;border-radius:.3rem;overflow:hidden;display:grid;place-items:center;background:#252529}
.header-search-poster img{width:100%;height:100%;object-fit:cover;display:block}
.header-search-copy{min-width:0}.header-search-copy strong,.header-search-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-copy small,.header-search-advanced small{margin-top:.12rem;color:var(--muted);font-size:.72rem}
.header-search-status{font-size:.67rem;font-weight:800;padding:.25rem .4rem;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.07)}.header-search-status.available{color:var(--ok)}.header-search-status.requested{color:#ff9b55}
.header-search-advanced{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.3rem;padding:.72rem .7rem;border-top:1px solid rgba(255,255,255,.08);border-radius:.55rem}.header-search-advanced strong,.header-search-advanced small{display:block}
.header-search-message{padding:.8rem;color:var(--muted);font-size:.84rem}

/* The standalone wordmark is kept outside the blurred glass compositing layer.
   Text-shadow adds edge contrast without changing its geometry or safe-area position. */
@media (display-mode: standalone) and (max-width:620px){
 .brand{z-index:3;-webkit-font-smoothing:auto;text-rendering:auto;text-shadow:0 0 .01px currentColor}
 .brand-gega,.brand-flix{display:inline-block;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .brand-flix{color:var(--accent)}
}
@media(max-width:820px) and (min-width:621px){.header-search-shell{max-width:360px}}
@media(max-width:620px){
 .topbar{gap:.7rem}
 .brand{flex:0 0 auto}
 .header-search-shell{flex:1;min-width:0;max-width:none;margin:0}
 .header-search-shell>input{height:36px;padding-left:2.15rem;padding-right:.65rem;border-radius:.7rem;font-size:16px}
 .header-search-icon{left:.7rem;font-size:1rem}
 .header-search-results{position:fixed;top:calc(env(safe-area-inset-top) + 58px);left:3.5vw;right:3.5vw;border-radius:.9rem;max-height:min(68vh,520px);overflow:auto}
 .header-search-result{grid-template-columns:34px minmax(0,1fr);padding:.5rem}.header-search-poster{width:34px}.header-search-status{display:none}
}


/* Owner Console: privacy-safe security and traffic telemetry */
.admin-security-panel{margin-top:18px}
.security-observe-note{margin:0 0 16px}
.security-level{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.security-level.normal{color:#8ef0b0;background:rgba(52,199,89,.10);border-color:rgba(52,199,89,.28)}
.security-level.elevated{color:#ffd479;background:rgba(255,179,0,.10);border-color:rgba(255,179,0,.3)}
.security-level.review{color:#ff8b8b;background:rgba(255,59,48,.12);border-color:rgba(255,59,48,.32)}
.security-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.security-stat-card{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px}
.security-stat-card span{font-size:.7rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.security-stat-card strong{font-size:1.35rem}
.security-stat-card small{color:var(--muted)}
.security-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.security-subcard,.security-events-wrap{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(0,0,0,.16)}
.security-reasons{margin:10px 0}
.security-reason{padding:10px 12px;margin:7px 0;border-radius:10px;background:rgba(255,179,0,.08);border:1px solid rgba(255,179,0,.18)}
.security-clear{padding:10px 0;color:#8ef0b0}
.security-guide{display:grid;grid-template-columns:10px 72px 1fr;gap:8px;align-items:start;padding:7px 0;color:var(--muted)}
.security-guide strong{color:var(--text);font-size:.8rem}
.security-guide small{line-height:1.35}
.security-guide-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#8ef0b0}
.security-guide-dot.elevated{background:#ffd479}.security-guide-dot.review{background:#ff6b6b}
.security-route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.security-route:last-child{border-bottom:0}.security-route code{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.security-events-wrap{margin-top:12px}
.security-events{margin-top:8px}
.security-event{display:grid;grid-template-columns:52px minmax(150px,1fr) 105px 170px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.76rem}
.security-event:last-child{border-bottom:0}.security-event code{overflow-wrap:anywhere}.security-event small{color:var(--muted)}
.security-event-status{font-weight:900}.security-event-status.s401,.security-event-status.s403,.security-event-status.s404,.security-event-status.s429{color:#ffd479}
.security-privacy{margin-top:12px;line-height:1.45}
@media(max-width:900px){.security-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-detail-grid{grid-template-columns:1fr}.security-event{grid-template-columns:48px 1fr}.security-event span:nth-of-type(2),.security-event small{grid-column:2}.security-event small{margin-top:-5px}}
@media(max-width:520px){.security-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.security-stat-card{padding:11px}.security-stat-card strong{font-size:1.15rem}.security-guide{grid-template-columns:10px 62px 1fr}}