:root{--ranking-width:210px;--sidebar-width:0px;--topbar-height:48px;--line:#e1e5eb;--ink:#252d37;--muted:#626d7b;--canvas:#eff1f4}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.topbar{position:fixed;inset:0 0 auto;height:var(--topbar-height);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#fff;z-index:2}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1;color:#1b2530;text-decoration:none}
.brand-icon{width:30px;height:30px;object-fit:contain}
main{margin-top:var(--topbar-height);min-height:calc(100dvh - var(--topbar-height));background:var(--canvas)}
.btcprofiler{--ink:#292e27;--muted:#767a70;--line:#dedfd7;--canvas:#f3f2ee}
.btcprofiler .topbar{background:#000;border-bottom-color:#000;padding-inline:24px}
.btc-logo{width:220px;height:auto;max-height:36px;object-fit:contain;display:block}
.ranking-status,.ranking-stamp{display:none}
:focus-visible{outline:2px solid #1688cf;outline-offset:3px}
@media(max-width:600px){:root{--ranking-width:216px}.wordmark{font-size:22px}.topbar{padding-inline:12px}.btcprofiler .topbar{padding-inline:16px}.btc-logo{width:205px}}
@media(max-width:800px){.sidebar-ranking{position:relative!important;top:auto!important;bottom:auto!important;width:100%!important;margin-top:var(--topbar-height);border-right:0!important;border-bottom:1px solid var(--line);max-height:calc(100svh - var(--topbar-height));}.sidebar-ranking details:not([open]) .ranking-list{display:none}main{margin:0!important;min-height:calc(100dvh - var(--topbar-height) - 54px)}}