.mdt-bar{z-index:50;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));pointer-events:none;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s,border-color .22s;display:flex;position:fixed;top:0;left:0;right:0}.mdt-bar.is-scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--color-line);background:#ffffffeb}.mdt-side{pointer-events:auto;gap:8px;display:flex}.mdt-btn{cursor:pointer;width:38px;height:38px;color:var(--color-ink);background:#fffffff0;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:background .14s,box-shadow .14s;display:grid;box-shadow:0 2px 8px #1f1b162e}.mdt-btn:active{transform:scale(.94)}.is-scrolled .mdt-btn{background:var(--color-paper);box-shadow:0 1px 3px #1f1b1614}.mdt-title{pointer-events:auto;opacity:0;font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;text-align:center;align-items:center;gap:6px;max-width:220px;font-size:15px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;overflow:hidden;transform:translateY(4px)}.mdt-title.is-visible{opacity:1;transform:translateY(0)}.mdt-title .yr-avatar{flex-shrink:0}.mdt-name{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}@media (max-width:768px){body:has(.mdt-bar) .nav{display:none}}