.topbar{position:sticky;top:0;z-index:100;background:var(--surface);padding:env(safe-area-inset-top) 16px 0;min-height:calc(56px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 var(--border)}.topbar-logo{display:flex;align-items:center;cursor:pointer;text-decoration:none;flex-shrink:0;min-height:44px}.topbar-logo-img{height:21px;width:auto;display:block}.logo-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-d));display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #0f8a554d}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-title);position:relative;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,box-shadow .2s;color:var(--text);flex-shrink:0}.icon-btn:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.theme-toggle{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background .2s,border-color .2s}.theme-toggle:hover{background:var(--gold-bg);border-color:var(--gold)}.bottom-nav{position:sticky;bottom:0;z-index:100;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px 3px;cursor:pointer;gap:3px;transition:color .2s;border:none;background:none;-webkit-tap-highlight-color:transparent;color:var(--text-xdim);min-height:52px}.nav-icon{width:52px;height:30px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:background .2s,transform .2s}.nav-icon svg{display:block}.nav-icon .icon-f,.nav-item.active .nav-icon .icon-o{display:none}.nav-item.active .nav-icon .icon-f{display:block}.nav-label{font-size:var(--text-micro);font-weight:700;letter-spacing:.3px;color:currentColor;text-transform:uppercase;transition:color .2s;font-family:var(--font-body)}.nav-item.active{color:var(--primary-d)}[data-theme=dark] .nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{background:var(--primary-bg);transform:none}.nav-item.active .nav-label{color:currentColor}.page{display:none;flex:1;overflow-y:auto;overflow-x:hidden}.page.active{display:flex;flex-direction:column}body.has-open-sheet .page{overflow-y:hidden;touch-action:none}