:root{--ink:#17181a;--muted:#8f8f8f;--line:#e7eaee;--sidebar:260px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0}body{font-family:var(--font-inter), Inter, Arial, sans-serif}button,input,select{font:inherit}button,a,select,label{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{background:#fff;min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:69px;padding:0 24px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;font-size:18px;font-weight:650}.top-actions{align-items:center;gap:26px;font-size:14px;font-weight:500;display:flex}.top-actions button{cursor:pointer;background:0 0;border:0}.resources{align-items:center;gap:9px;display:inline-flex}.resources img{width:10px;height:10px}.nav-divider{background:var(--line);width:1px;height:20px}.join-button{background:var(--ink);color:#fff;border-radius:999px;padding:12px 24px}.workspace{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:calc(100vh - 69px);display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;align-self:start;height:calc(100vh - 69px);padding:0 24px;position:sticky;top:69px;overflow-y:auto}.filters-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:57px;font-size:14px;display:flex}.filters-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:inline-flex}.filters-title button img{width:13px;height:13px}.filter-group{border-bottom:1px solid var(--line);padding:14px 0 13px}.filter-heading{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0 0 13px;font-size:14px;font-weight:650;display:flex}.filter-heading>span{align-items:center;gap:8px;display:inline-flex}.filter-heading>span img{width:16px;height:16px}.caret{width:12px;height:12px;transition:transform .2s}.caret.open{transform:rotate(180deg)}.filter-body{gap:11px;display:grid}.filter-search{border:1px solid var(--line);border-radius:4px;align-items:center;gap:9px;height:40px;margin-bottom:3px;padding:0 13px;display:flex}.filter-search img{flex:none;width:16px;height:16px}.filter-search input{width:100%;color:var(--ink);border:0;outline:0;font-size:12px}.filter-search input::placeholder{color:var(--muted)}.check-row{color:var(--muted);cursor:pointer;align-items:center;gap:13px;min-height:19px;font-size:12px;display:flex}.check-row input{-webkit-appearance:none;appearance:none;border:1px solid var(--muted);cursor:pointer;border-radius:4px;width:16px;height:16px;margin:0;position:relative}.check-row input:checked{background:var(--ink);border-color:var(--ink)}.check-row input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.results{min-width:0}.searchbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;align-items:stretch;min-height:57px;display:flex;position:sticky;top:69px}.global-search{flex:1;align-items:center;gap:10px;min-width:260px;padding:0 23px;display:flex}.global-search img{width:16px;height:16px}.global-search input{border:0;outline:0;width:100%;height:100%;font-size:14px}.global-search input::placeholder{color:var(--muted)}.display-controls{white-space:nowrap;align-items:stretch;font-size:14px;display:flex}.display-controls>*{border-left:1px solid var(--line);align-items:center;gap:4px;padding:0 24px;display:flex}.display-controls img{width:12px;height:12px;margin-left:7px}.display-controls select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0}.mobile-filter-button{display:none}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.brand-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;place-items:center;height:263px;transition:background .18s;display:grid;position:relative;overflow:hidden}.brand-card:nth-child(4n){border-right:0}:is(.brand-card:hover,.brand-card:focus-visible){background:#fafbfc;outline:0}.brand-card>img{object-fit:contain;max-width:52%;max-height:80px;display:block}.brand-card>img.wide{width:210px;height:80px}.brand-card>img.compact{width:114px;height:80px}.brand-card>img.tall{width:210px;height:70px}.brand-card>img.google-logo{width:208px;height:69px}.brand-card>img.netflix-logo{width:210px;height:57px}.brand-card>img.symbol{width:80px;height:80px}.brand-name{opacity:0;font-size:12px;font-weight:650;transition:transform .1s ease-out,opacity 60ms linear;position:absolute;bottom:20px;left:24px;transform:translateY(calc(100% + 20px))}:is(.brand-card:hover .brand-name,.brand-card:focus-visible .brand-name){opacity:1;transform:translateY(0)}.brand-grid.list{grid-template-columns:1fr}.brand-grid.list .brand-card{border-right:0;justify-content:flex-start;height:104px;padding:0 44px;display:flex}.brand-grid.list .brand-card>img{object-position:left center;width:160px;height:58px}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:80px 24px}@media (max-width:1300px){.control-static{display:none!important}.display-controls>*{padding:0 18px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card:nth-child(4n){border-right:1px solid var(--line)}.brand-card:nth-child(3n){border-right:0}}@media (max-width:900px){.top-actions{gap:16px}.resources,.nav-divider{display:none}.workspace{display:block}.sidebar{width:min(88vw,320px);transition:transform .22s;position:fixed;top:69px;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:14px 0 35px #00000014}.sidebar.open{transform:translate(0)}.searchbar{flex-wrap:wrap}.mobile-filter-button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fff;padding:0 20px;font-weight:650;display:block}.global-search{min-width:0;height:56px}.display-controls{border-top:1px solid var(--line);justify-content:flex-end;width:100%;height:48px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card,.brand-card:nth-child(3n),.brand-card:nth-child(4n){border-right:1px solid var(--line)}.brand-card:nth-child(2n){border-right:0}}@media (max-width:540px){.topbar{height:60px;padding:0 16px}.wordmark{font-size:16px}.top-actions{font-size:13px}.top-actions>a:not(.join-button){display:none}.join-button{padding:10px 17px}.sidebar,.searchbar{top:60px}.global-search{padding:0 14px}.display-controls>*{padding:0 12px;font-size:12px}.brand-card{height:172px}.brand-card>img.wide{width:130px;height:56px}.brand-card>img.compact,.brand-card>img.symbol{width:62px;height:58px}.brand-card>img.tall{width:120px;height:52px}.brand-card>img.google-logo{width:130px;height:43px}.brand-card>img.netflix-logo{width:130px;height:35px}.brand-name{font-size:10px;bottom:10px;left:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}