.tb-bar{z-index:200;height:var(--topbar-height,60px);border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.tb-inner{align-items:center;gap:12px;max-width:1280px;height:100%;margin:0 auto;padding:0 32px;display:flex}.tb-brand{flex-shrink:0;align-items:center;line-height:1;text-decoration:none;transition:opacity .15s;display:flex}.tb-brand:hover{opacity:.78}.tb-brand-img{width:auto;height:22px;display:block}[data-theme=dark] .tb-brand-img{filter:brightness(0)invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tb-brand-img{filter:brightness(0)invert()}}.tb-search{border-radius:var(--radius-full);border:1px solid var(--rule-dark,#14110d26);background:var(--paper);min-width:0;max-width:480px;color:var(--mute);cursor:pointer;text-align:left;flex:1;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #14110d0f}.tb-search:hover{border-color:var(--ochre);box-shadow:0 0 0 2px color-mix(in srgb, var(--ochre) 12%, transparent)}[data-theme=dark] .tb-search{box-shadow:none;background:#ffffff14;border-color:#ffffff24}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tb-search{box-shadow:none;background:#ffffff14;border-color:#ffffff24}}.tb-search svg{flex-shrink:0}.tb-search-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tb-search-kbd{font-family:var(--font-inter), "Inter", sans-serif;color:var(--mute);border:1px solid var(--rule);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 5px;font-size:10px}.tb-right{align-items:center;gap:4px;margin-left:auto;display:flex}.tb-icon-btn{border-radius:var(--radius-full);cursor:pointer;width:34px;height:34px;color:var(--ink-soft);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.tb-icon-btn:hover{background:var(--paper-deep);color:var(--ink)}.tb-search-icon{display:none}.tb-new-post-btn{border-radius:var(--radius-full);background:var(--ochre);color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.tb-new-post-btn:hover{opacity:.84}.tb-user-wrap{position:relative}.tb-avatar{border-radius:var(--radius-full);background:var(--ink);border:2px solid var(--rule);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.tb-avatar:hover{border-color:var(--ochre)}.tb-avatar-img{object-fit:cover;width:100%;height:100%}.tb-avatar-initial{color:var(--paper);font-size:.75rem;font-weight:700}.tb-user-menu{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:0 8px 32px color-mix(in srgb, var(--ink) 16%, transparent);z-index:300;flex-direction:column;min-width:210px;max-height:min(480px,80vh);padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.tb-user-name{color:var(--ink);padding:4px 10px 2px;font-size:13px;font-weight:700}.tb-user-tier{color:var(--mute);padding:0 10px 6px;font-size:11px}.tb-user-divider{background:var(--rule);height:1px;margin:4px 0}.tb-user-item{color:var(--ink-soft);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:7px 10px;font-size:13px;text-decoration:none;transition:background .1s,color .1s;display:block}.tb-user-item:hover{background:var(--paper-deep);color:var(--ink)}.tb-user-item--danger{color:#c0392b}.tb-user-item--danger:hover{color:#c0392b;background:#c0392b14}.tb-btn-ghost{color:var(--ink);border-radius:var(--radius-lg);border:1px solid var(--rule);white-space:nowrap;flex-shrink:0;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s}.tb-btn-ghost:hover{background:var(--paper-deep)}.tb-btn-solid{color:var(--paper);background:var(--ink);border-radius:var(--radius-lg);white-space:nowrap;flex-shrink:0;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.tb-btn-solid:hover{opacity:.84}.tb-hamburger{cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:7px;transition:background .15s;display:none}.tb-hamburger:hover{background:var(--paper-deep)}.tb-hamburger-line{background:var(--ink);border-radius:2px;width:18px;height:1.5px;display:block}[data-theme=dark] .tb-bar{--paper:#242018;--paper-deep:#2d2820;--ink:#f3ece0;--ink-soft:#d4c9b8;--mute:#9e9288;--rule:#3d353099;--rule-dark:#3d3530;background:color-mix(in srgb, var(--paper) 94%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tb-bar{--paper:#242018;--paper-deep:#2d2820;--ink:#f3ece0;--ink-soft:#d4c9b8;--mute:#9e9288;--rule:#3d353099;--rule-dark:#3d3530;background:color-mix(in srgb, var(--paper) 94%, transparent)}}@media (max-width:859px){.tb-search{display:none}.tb-hamburger,.tb-search-icon{display:flex}.tb-new-post-btn{display:none}.tb-inner{gap:6px}}@media (max-width:480px){.tb-inner{padding:0 14px}.tb-btn-ghost,.tb-btn-solid{padding:6px 10px;font-size:12px}}
.bn-bar{display:none}@media (max-width:859px){.bn-bar{z-index:200;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--rule);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #14110d0f}.bn-tab{color:var(--mute);border-radius:var(--radius-lg);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 12px;text-decoration:none;transition:color .15s;display:flex}.bn-tab:hover{color:var(--ink)}.bn-tab--active{color:var(--ochre)}.bn-label{font-size:10px;font-weight:500;font-family:var(--font-inter), "Inter", sans-serif;letter-spacing:.02em;line-height:1}.bn-compose{border-radius:var(--radius-full);background:var(--ochre);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:6px;text-decoration:none;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 10px #7a241c59}.bn-compose:hover{background:var(--ochre-deep);transform:scale(1.06)}.bn-compose:active{transform:scale(.96)}.cw-shell-content{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}}[data-theme=dark] .bn-bar{background:#1a1714;box-shadow:0 -2px 12px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bn-bar{background:#1a1714;box-shadow:0 -2px 12px #0000004d}}