[hidden]{display:none!important}
.topbar{padding:10px 16px}
.brand{justify-self:center;display:flex;align-items:center;gap:8px;background:transparent;color:var(--ink);padding:0;border-radius:0}
.brand img{width:34px;height:34px;border-radius:10px}
.brand span{display:flex;flex-direction:column;font-size:21px;font-weight:950;line-height:.88;letter-spacing:-.045em}
.brand small{margin-top:5px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.offline{top:63px}
main{padding:15px 18px 18px}
.loader-mark{width:64px;height:64px;border-radius:19px;background:transparent;color:inherit}
.filter-drawer{margin:9px 0 5px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.filter-drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:9px 12px;cursor:pointer;list-style:none;color:var(--muted);font-size:11px;font-weight:850}
.filter-drawer summary::-webkit-details-marker{display:none}
.filter-drawer[open] summary{border-bottom:1px solid var(--line);color:var(--ink)}
.filter-dots{display:flex;gap:4px}
.filter-dots i{width:7px;height:7px;border-radius:50%;background:var(--me)}
.filter-dots i:nth-child(2){background:var(--partner)}
.filter-dots i:nth-child(3){background:var(--both)}
.filter-body{padding:10px 12px}
.filter-body .controls{margin:0}
.filter-body .ownership-key,.filter-body .legend{gap:6px 11px;margin:9px 0 0}
.filter-body .key,.filter-body .legend-item{font-size:11px}
.filter-body .legend-item{padding:4px 2px}
.filter-body .dot{width:9px;height:9px}
.toast{width:auto;max-width:calc(100% - 28px);justify-content:center;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:750}
.button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){.view-top{align-items:flex-start}.view-actions{gap:5px}.view-actions .button{padding:8px 9px}.brand small{display:none}}