/* Scope shell changes to Explore; its reference components live in a shadow root. */
.explore-legacy[hidden]{display:none!important}
body[data-page="search"]{background:#fafafa}
body[data-page="search"].dark-mode{background:#0c0e12}
body[data-page="search"] .main{background:transparent!important;max-width:1280px}
body[data-page="search"] .main>.appbar{display:none}
body[data-page="search"] .main>.top{display:none}
body[data-page="search"]::-webkit-scrollbar{width:6px;height:6px}
body[data-page="search"]::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:999px}
body[data-page="search"] .shell{grid-template-columns:256px minmax(0,1fr);background:transparent}
body[data-page="search"] .side{width:256px}
@media(min-width:1024px){body[data-page="search"] .main{padding:32px}}
@media(max-width:1023px){
 body[data-page="search"] .shell{display:block}
 body[data-page="search"] .side{display:none!important}
 body[data-page="search"] .main{padding:0 24px 80px!important;max-width:none}
 body[data-page="search"] .main>.appbar{display:flex;position:sticky;top:0;width:calc(100% + 48px)!important;margin:0 -24px 14px!important;padding:8px 16px!important;height:53px;z-index:25;background:var(--ref-surface)!important;border-bottom:1px solid var(--ref-line)}
 body[data-page="search"] .main>.appbar .logo-word{display:flex!important;font-size:16px!important}
 body[data-page="search"] .reference-mark{width:28px;height:28px}
 body[data-page="search"] .appbar-actions .notif-btn,body[data-page="search"] .appbar-actions .reminder-pill,body[data-page="search"] .appbar-actions .account-btn{display:none}
 body[data-page="search"] .appbar-actions .mobile-add{display:inline-flex;font-size:12px;padding:6px 10px;min-height:28px}
 body[data-page="search"] .appbar-actions .mobile-add{order:1}
 body[data-page="search"] .appbar-actions .theme-toggle{order:0}
 body[data-page="search"] .mobile-nav{display:flex!important;position:fixed;left:0!important;right:0!important;bottom:0;transform:none;width:100%;height:calc(56px + env(safe-area-inset-bottom));border-radius:0;border-top:1px solid var(--ref-line);background:var(--ref-surface);padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:none;z-index:30}
 body[data-page="search"] .mobile-nav button{flex:1;min-height:40px;gap:2px;color:var(--ref-muted);font-weight:500;padding:0;background:transparent}
 body[data-page="search"] .mobile-nav button svg{width:16px;height:16px}
 body[data-page="search"] .mobile-nav button span{font-size:10px;line-height:15px}
 body[data-page="search"] .mobile-nav button.active{color:#ff6248}
}
@media(min-width:640px) and (max-width:1023px){body[data-page="search"] .main>.appbar{margin-bottom:24px!important}}
@media(max-width:639px){body[data-page="search"] .main{padding:0 14px 80px!important}body[data-page="search"] .main>.appbar{width:calc(100% + 28px)!important;margin:0 -14px 14px!important}}