html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
.tesserc-search { position: fixed; inset: 12vh auto auto 50%; transform: translateX(-50%); margin: 0; width: min(640px, calc(100vw - 32px)); max-height: 72vh; padding: 0; color: #eee; background: #171717; border: 1px solid #353535; border-radius: 14px; box-shadow: 0 30px 100px #0009; z-index: 100; }
.tesserc-search::backdrop { background: #0009; backdrop-filter: blur(4px); }
.tesserc-search-head { display: flex; gap: 12px; padding: 17px 20px; border-bottom: 1px solid #353535; }
.tesserc-search input { color: inherit; font: inherit; outline: none; background: none; width: 100%; border: 0; }
.tesserc-search button { background: none; color: #aaa; border: 0; cursor: pointer; }
.tesserc-search-results { padding: 8px; overflow: auto; max-height: 55vh; }
.tesserc-search-results a { display: block; padding: 12px; border-radius: 7px; color: #eee; text-decoration: none; }
.tesserc-search-results a:hover, .tesserc-search-results a:focus { background: #292929; outline: none; }
.tesserc-search-results p { margin: 5px 0 0; color: #999; font-size: 13px; line-height: 1.5; }
.tesserc-menu { position: absolute; margin-top: 6px; padding: 6px; right: 0; background: #202020; border: 1px solid #353535; border-radius: 10px; z-index: 60; min-width: 180px; }
.tesserc-menu a { display: block; padding: 9px 12px; color: #ddd; font-size: 13px; }
.tesserc-menu a:hover { background: #333; }
.tesserc-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 110; padding: 9px 18px; border: 1px solid #454545; border-radius: 8px; background: #242424; color: #eee; font-size: 14px; }
@media (max-width: 1023px) {
  body.tesserc-nav-open #sidebar-content { display: flex!important; top: 106px!important; bottom: 0!important; height: auto!important; width: min(330px, 90vw)!important; background: #141414; z-index: 45; padding-top: 16px; box-shadow: 40px 0 120px #0008; }
}