*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.public-global-shell{min-height:100vh;background:#000}.topbar-shell{position:static;height:0;z-index:80;background:transparent;border:0}.public-shell-page{width:100%;max-width:none;margin:0;padding:0;background:#000}.public-page-host{display:block;min-height:100vh;background:#000}.public-page-host[data-shell-loading="true"]::before{content:"Memuat halaman...";display:block;padding:18px;color:#9ca3af}.bottom-shell{height:0;margin:0;padding:0}.shell-body-fragment{min-height:100vh;background:#000}.public-template-slot{min-height:100vh;background:#000}pre{white-space:pre-wrap;color:#fca5a5;background:#111827;padding:16px;margin:0}
/* Fallback kecil agar navbar bawah tetap terlihat sebelum Tailwind CDN selesai dimuat. Styling utama tetap berada pada class Tailwind di HTML. */
#comp-videoBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:9999;height:60px;background:rgba(15,23,42,.96);color:#fff;border-top:1px solid #334155;box-shadow:0 -12px 30px rgba(0,0,0,.28)}
#comp-videoBottomNav[hidden],#public-top-nav[hidden]{display:none!important}
html[data-bottom-navbar="visible"] #public-page-host{padding-bottom:60px}
html[data-bottom-navbar="hidden"] #public-page-host{padding-bottom:0}

/* Global navbar search: hasil pencarian mengikuti halaman aktif tanpa mengubah layout navbar. */
.bottom-search-shell{position:relative}
.global-search-results{position:absolute;left:.5rem;right:.5rem;bottom:calc(100% + 10px);z-index:10020;max-height:min(420px,65vh);overflow:auto;border:1px solid rgba(71,85,105,.95);border-radius:18px;background:rgba(2,6,23,.98);box-shadow:0 -18px 45px rgba(0,0,0,.45);backdrop-filter:blur(14px);padding:.45rem;color:#fff}
.global-search-results[hidden]{display:none!important}
.global-search-panel-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .6rem .55rem;color:#cbd5e1;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(51,65,85,.72);margin-bottom:.35rem}
.global-search-panel-title span:last-child{font-weight:700;text-transform:none;letter-spacing:0;color:#94a3b8}
.global-search-empty,.global-search-loading{padding:.85rem .7rem;color:#94a3b8;font-size:.85rem;line-height:1.35}
.global-search-list{display:flex;flex-direction:column;gap:.25rem}
.global-search-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.65rem;align-items:center;text-align:left;border:0;border-radius:14px;background:transparent;color:#fff;padding:.55rem;cursor:pointer;text-decoration:none}
.global-search-item:hover,.global-search-item:focus-visible,.global-search-item.is-active{background:rgba(30,41,59,.96);outline:none}
.global-search-thumb{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#111827;border:1px solid rgba(71,85,105,.8)}
.global-search-thumb.is-icon{display:grid;place-items:center;font-size:1.2rem;color:#bfdbfe}
.global-search-title{font-size:.86rem;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-subtitle{margin-top:.15rem;font-size:.74rem;color:#94a3b8;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-type{font-size:.68rem;font-weight:800;color:#93c5fd;border:1px solid rgba(59,130,246,.32);background:rgba(37,99,235,.12);border-radius:999px;padding:.23rem .45rem;white-space:nowrap}
@media (max-width:640px){.global-search-results{left:-5.25rem;right:-4.9rem;bottom:calc(100% + 8px);max-height:58vh;border-radius:16px}.global-search-item{grid-template-columns:38px minmax(0,1fr);padding:.5rem}.global-search-type{display:none}.global-search-thumb{width:38px;height:38px;border-radius:11px}}